شرح إضافة أيقونات Font Awesome إلى مجموعات الأعضاء

[codeNET]

إصدارات زين فورو المتوافقة:
2.0
حقوق البرمجية الظاهرة:
لا يوجد
الوصف:
شرح لإضافة أيقونات Font Awesome إلى مجموعات الأعضاء (Usergroups) الخاصة بك!
الكود الأساسي لإضافته في قالب EXTRA.less:

/*add fa to your usergroups*/
.username--style3:before {
font-family: "FontAwesome";
content: "\f013";
color: inherit;
padding-right: 4px;
display: inline-block;
}

* ملاحظة: style3 هو معرف مجموعة الإدارة (Admin) في المثال الخاص بي.
إذا كنت ترغب في إضافة تأثير دوران عند المرور بالفأرة (Hover):

.username--style3:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.8s;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s
}

لقطة الشاشة:


حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.

 

[masrysat.com]

بارك الله فيك

 

[BoElias]

بارك الله فيك