طريقة التسجيل المعتمدة داخل معهد هيلبرنت

الى كل من واجه مشكله اثناء التسجيل بالمعهد



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

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

سنقدم لك تأثيرًا رائعًا عند مرور الماوس على الصورة الرمزية. ما عليك سوى لصق كود css في قالب extra.less للستايل...

احصائياتى

الردود
3

المشاهدات
397
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 غير متواجد حالياً

المشاركات
903

+التقييم
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
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[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
شرح طريقة اضافة الصورة الرمزية بمنتدايات XenForo هيلبرنت المواضيع المُكرّرة والمُخالفة 0 11-20-2015 03:10 AM




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