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

[Arash.Ranjbar 11]

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

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

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. کدهای زیر را در محل مناسبی قرار داده و ذخیره کنید.