رفتن به مطلب

.::|>آموزش ایفکت بلور روی لوگوی انجمن<|::.


 اشتراک گذاری

ارسال های توصیه شده

سلام خدمت دوستان.

تو این آموزش می خوام بهتون یاد بدم که چطور روی لوگوی خودتون ایفکت بلور اعمال کنین. مثل تصویر زیر:

Untitled.thumb.png.af0fee2918d1d94cbf1a63a3ab327ba9.png

1. از قسمت شخصی سازی ویرایش پوسته مورد نظر را انتخاب کنید.

2. وارد مسیر  Templates > core > front > global > logo شوید.

3. در ابتدای کدهای مشاهده شده کد زیر را قرار دهید.

<div class="blur">

4. در آخر کدهای مشاهده شده کدهای زیر را قرار دهید.

</div>
<style>
.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.blur img:hover {
  -webkit-filter: blur(5px);
}
</style>

5. حال تنطیمات را ذخیره کنید.

با رفرش کردن انجمن خود و بردن موس روی لوگوی انجمن تغییرات را مشاهده خواهید کرد.

 

..::| امیدوارم خوشتون بیاد|::..

 

3. کدهای زیر را در محل مناسبی قرار داده و ذخیره کنید.

 

 

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • Arash.Ranjbar عنوان را به .::|>آموزش ایفکت بلور روی لوگوی انجمن<|::. تغییر داد
 اشتراک گذاری

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.