ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2

سنقدم لك تأثيرًا رائعًا عند مرور الماوس على الصورة الرمزية. ما عليك سوى لصق كود css في قالب extra.less للستايل المراد التعديل عليه. extra.less /*avatar MAAIDNI MohammeD*/ .message-avatar-wrapper...

احصائياتى

الردود
3

المشاهدات
545
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to behold

  • maaidni غير متواجد حالياً

المشاركات
934

+التقييم
183

تاريخ التسجيل
Oct 2015

الاقامة
المغرب

نظام التشغيل
windows 8.1

رقم العضوية
605
11-04-2018, 03:26 PM
المشاركة 1
11-04-2018, 03:26 PM
المشاركة 1
افتراضي إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2
سنقدم لك تأثيرًا رائعًا عند مرور الماوس على الصورة الرمزية. ما عليك سوى لصق كود css في قالب extra.less للستايل المراد التعديل عليه.
كود:
extra.less
كود:
/*avatar MAAIDNI MohammeD*/
.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%; /*Ne touchez pas ce paramètre si vous avez un avatar carré ou rectangulaire. Si vous avez un avatar, changez simplement le réglage sur "50%".*/
    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;
}
/*avatar MAAIDNI MohammeD*/
المعاينة على النحو التالي:

قديم 11-04-2018, 05:40 PM
المشاركة 2
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2
تم التطبيق أخي جزاك الله خيرا وبورك فيك

قديم 11-05-2018, 12:20 PM
المشاركة 3
hr7xx
.:: عضو مشارك ::.
  • hr7xx غير متواجد حالياً
افتراضي رد: إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2
بارك الله فيكـ ..

قديم 11-14-2018, 11:57 AM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2
يه=عطيك العافيه استمر اخى

شروحاتك ناريه

اضافة رد

العلامات المرجعية

إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: إضافة تأثير على الصورة الرمزية عند تمرير الماوس xenforo 2
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 1 الزين فورو الجيل الاول azert120 ركن مشاكل وطلبات الزين فورو XENFORO 3 07-26-2018 10:57 PM
[XF 1.x Add] : هاك الصورة الرمزية لكاتب الموضوع وصاحب اخر رد - xenforo هيلبرنت اضافات الزين فورو XENFORO 5 06-10-2018 01:01 AM
[ شرح ] : شرح عمل تأثير على الصورة الشخصية فى xenforo mahwos ركن شروحات الزين فورو XENFORO 4 11-27-2017 09:37 PM
طريقة تكبير الصورة الرمزية عند مرور الماوس عليها مثل هيلبرنت هيلبرنت ركن تطوير منتديات vb3.8.0 17 01-01-2017 11:31 AM
اضافة تأثير على الصورة الرمزية بشكل رائع لمنتدى الزين فورو xenforo هيلبرنت اضافات الزين فورو XENFORO 0 08-26-2016 12:49 PM




الساعة الآن 10:19 AM
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum