طريقة إضافة تأثير حركة "اللمعان" على أسماء المجموعات في XenForo
لإضافة تأثير لمعان متحرك على أسماء المجموعات، اتبع الخطوات التالية:
الخطوة الأولى: إضافة كود CSS الخاص بالمجموعة
توجه إلى لوحة تحكم الإدارة:
المجموعات والصلاحيات (Groups & Permissions) > مجموعات الأعضاء (User groups)
اختر المجموعة المطلوبة، ثم ضع الكود التالي في حقل تنسيق اسم العضو (User name CSS):
الخطوة الثانية: إضافة كود الأنيميشن
لإتمام عمل التأثير، يجب إضافة كود الحركة إلى قالب extra.less الخاص بستايلك:
ملاحظة: تأكد من مطابقة كلاس المجموعة (مثل .username--style3) مع الرقم التعريفي الخاص بمجموعتك في حال كان مختلفاً.
حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.
لإضافة تأثير لمعان متحرك على أسماء المجموعات، اتبع الخطوات التالية:
الخطوة الأولى: إضافة كود CSS الخاص بالمجموعة
توجه إلى لوحة تحكم الإدارة:
المجموعات والصلاحيات (Groups & Permissions) > مجموعات الأعضاء (User groups)
اختر المجموعة المطلوبة، ثم ضع الكود التالي في حقل تنسيق اسم العضو (User name CSS):
كود:
text-transform: uppercase;
overflow: hidden;
background: linear-gradient(90deg, #000000, #ffffff, #000000);
background-repeat: no-repeat;
background-size: 80%;
animation: animate 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);لإتمام عمل التأثير، يجب إضافة كود الحركة إلى قالب extra.less الخاص بستايلك:
كود:
@keyframes animate {
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
}حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.
