• أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

اضافة تأثير شعاع على الصورة الشخصية - Xenforo

Wolf Knight

:: الأعضاء ::
28 يناير 2019
504
1
188
63
صباح الخير جماعة

اضافة تأثير وميض على الصورة الرمزية للاعضاء - زين فورو

الطريقة كالتالي:

افتح قالب: Extra.less
اسفل القالب: قم باضافة الكود التالي:

CSS:
/[I]avatar animation[/I]/
.message-avatar-wrapper .avatar:before,
.message-avatar-wrapper .avatar:after{
    border-color: #00c5de;
}
.message-avatar-wrapper a:before,
.message-avatar-wrapper a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 5%; /[I]Do not touch this setting if you have an oval square or rectangle avatar. If you have an avatar, simply change the setting to "50%".[/I]/
    transition: .3s all;
    border: 2px solid;
}
.message-avatar-wrapper a:hover:after{
   -webkit-transform: scale(1.5);
}
.message-avatar-wrapper a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}
/[I]avatar animation end[/I]/

احفظ القالب.
انتهى

مثال:

an-effective-avatar.gif

تحيتي
 

إحصائيات المنتدى

المواضيع
1,666
المشاركات
18,685
الأعضاء
1,271
آخر عضو مسجل
Dabor Tech
أعلى