شرح إنشاء وسام مستخدم متحرك بألوان قوس قزح

[codeNET]

إنشاء وسام مستخدم متحرك بألوان قوس قزح​

في هذا الدرس البسيط جداً، أريد أن أوضح كيفية عمل وسام مستخدم متحرك بألوان قوس قزح لـ XF2.

الخطوات​

1. اذهب إلى core_labels.less

2. الصق الكود التالي أدناه:

&.label--rainbow {
color: white;
background-image: url(https://i.pinimg.com/originals/e5/89/95/e5899572ecace2b0895b36db7703a001.gif);
border-radius: 30px;
border: 1px solid #0000ffff;
text-shadow: 1px 1px 6px #000000;
}

3. اذهب إلى مجموعات المستخدمين

4. اضغط على تنسيق وسام المستخدم، أخرى، استخدام كلاس CSS مخصص، والصق الكود التالي:

label label--rainbow

5. هذا كل شيء

حقوق النشر - كود نت

 

[masrysat.com]

جزاك الله كل خير يا الغالى

 

[masrysat.com]

الكود يعمل تمام اخى تسلم الايادى

 

[Abdo Hassn]

إنشاء وسام مستخدم متحرك بألوان قوس قزح​

في هذا الدرس البسيط جداً، أريد أن أوضح كيفية عمل وسام مستخدم متحرك بألوان قوس قزح لـ XF2.

الخطوات​

1. اذهب إلى core_labels.less

2. الصق الكود التالي أدناه:

&.label--rainbow {
color: white;
background-image: url(https://i.pinimg.com/originals/e5/89/95/e5899572ecace2b0895b36db7703a001.gif);
border-radius: 30px;
border: 1px solid #0000ffff;
text-shadow: 1px 1px 6px #000000;
}

3. اذهب إلى مجموعات المستخدمين

4. اضغط على تنسيق وسام المستخدم، أخرى، استخدام كلاس CSS مخصص، والصق الكود التالي:

label label--rainbow

5. هذا كل شيء

حقوق النشر - كود نت

تنسيق مميز