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

طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو

الدليل الشامل لتنسيق ألوان أسماء المجموعات في منتديات XenForo يعتبر تمييز رتب الأعضاء بأسماء ملونة وجذابة من...

احصائياتى

الردود
4

المشاهدات
765
codeNET
.:: عضو فعال ::.
  • codeNET will become famous soon enough

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

المشاركات
121

+التقييم
15

تاريخ التسجيل
Apr 2026

الاقامة
العراق/البصرة

نظام التشغيل
Mac

رقم العضوية
2937
04-21-2026, 03:40 AM
المشاركة 1
04-21-2026, 03:40 AM
المشاركة 1
افتراضي طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
الدليل الشامل لتنسيق ألوان أسماء المجموعات في منتديات XenForo


يعتبر تمييز رتب الأعضاء بأسماء ملونة وجذابة من أهم اللمسات الجمالية التي تعطي للمنتدى طابعاً احترافياً وتسهل على الزوار معرفة رتبة العضو بمجرد النظر إلى اسمه. في هذا المقال الشامل، سنتعلم كيفية تطبيق تنسيقات CSS متقدمة لثلاث فئات أساسية: الإدارة، المراقبين، والأعضاء.


أولاً: كيفية الوصول إلى خيار التنسيق


[]قم بالدخول إلى لوحة تحكم المنتدى (ACP).

[]من القائمة الجانبية اختر المجموعات والتصاريح (Groups & Permissions).

[]اضغط على مجموعات المستخدمين (User Groups).

[]اختر المجموعة التي تود تعديلها.
ابحث عن خانة عنوان CSS لاسم المستخدم (User Name CSS).

ثانياً: التنسيقات المقترحة لكل رتبة

1. رتبة الإدارة (قوة اللون الأحمر مع تأثير النيون)


هذا تنسيق اسم المدير مع علامة توثيق الزرقاء
كود:
/* لون اسم الإدارة */
color: #009CF5;
font-weight: bold;
text-shadow: 0 0 5px #00649D, 0 0 10px #00649D;

&:before {
    content: '';
    display: inline-block;
    width: 15px;  /* عرض الصورة */
    height: 15px; /* ارتفاع الصورة */
    background: url('https://d.top4top.io/p_37517krqk0.png') no-repeat center center;
    background-size: contain;
    margin-right: 8px; /* مسافة بين التاج والاسم */
    vertical-align: middle; /* لمحاذاة الصورة مع النص */
    margin-bottom: 4px; /* رفع العلامة الى الاعلى */
}
هذا التنسيق يجعل اسم المدير بارزاً مع ظل خارجي مضيء:

كود الـ CSS:


كود:
color: #ff0000;


font-weight: bold;


text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);


letter-spacing: 0.5px;
2. رتبة المراقبين (الهدوء والثبات باللون الأخضر)


يعطي طابعاً رسمياً ومريحاً للعين:


كود الـ CSS:


c
كود:
olor: #2ecc71;


font-weight: bold;


text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);


font-style: italic;

3. رتبة العضو المميز أو VIP (التدرج الذهبي الفاخر)


هذا التنسيق يستخدم تدرج الألوان (Gradient) ليبدو الاسم كأنه قطعة ذهبية:


كود الـ CSS:


كود:
background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fcf6ba, #aa771c);


-webkit-background-clip: text;


color: transparent;


font-weight: bold;

ثالثاً: نصيحة هامة لظهور الألوان في كل مكان


لكي تضمن ظهور هذه الألوان في قائمة "المتواجدون الآن" و"آخر المشاركات"، تأكد من تفعيل الخيار التالي:


الإعدادات (Options) > معلومات المستخدم (User Options) > ثم فعل خيار (Enable user group username styling).


رابعاً: لمسة إبداعية إضافية (قالب extra.less)


إذا أردت إضافة حركة "النبض" لاسم الإدارة، توجه إلى قالب extra.less في ستايلك وأضف الكود التالي:


كود:

@keyframes adminPulse {


0% { text-shadow: 0 0 5px #ff0000; }


50% { text-shadow: 0 0 20px #ff0000, 0 0 30px #ff4d4d; }


100% { text-shadow: 0 0 5px #ff0000; }


}


.admin-pulse {


animation: adminPulse 2s infinite;


color: red;


font-weight: bold;


}
ثم ضع الكلمة admin-pulse في خانة CSS الخاصة بمجموعة الإدارة.

خاتمة:

نتمنى أن يكون هذا الشرح قد نال إعجابكم وساهم في تجميل منتداكم . لا تترددوا في طرح أي استفسار حول تنسيقات الـ CSS المتقدمة في الردود.

مع تحيات: المصدر كود نت : اعداد مهدي حميد


التعديل الأخير تم بواسطة codeNET ; 04-21-2026 الساعة 03:44 AM
قديم 04-21-2026, 12:53 PM
المشاركة 2
for sat
.::مشــــــــرف ::.
قسم تقنيات الإستقبال التلفزيوني
  • for sat غير متواجد حالياً
افتراضي رد: طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
مشكورين على الموضوع المميز يا مبدع

قديم 04-21-2026, 04:02 PM
المشاركة 3
codeNET
.:: عضو فعال ::.
  • codeNET غير متواجد حالياً
افتراضي رد: طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
مشكورين على الموضوع المميز يا مبدع
تسلم استاذنا الغالي ..

قديم 04-22-2026, 07:46 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
يعطيك الف عافية اخى مهدي حميد
مجهود محترم
بارك الله فبك

قديم 04-23-2026, 04:16 PM
المشاركة 5
codeNET
.:: عضو فعال ::.
  • codeNET غير متواجد حالياً
افتراضي رد: طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
يعطيك الف عافية اخى مهدي حميد
مجهود محترم
بارك الله فبك
تسلم استاذ شهادة اعتز بيها ..

اضافة رد

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

طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو


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

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة اضافة الوان لمجموعات وعلامة توثيق الزرقاء زينفورو
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x Add] : اضافة توثيق العضوية للزين فورو Mc Nabulsy اضافات الزين فورو XENFORO 1 04-12-2026 02:16 AM
[ شرح ] : شرح - طريقة انشاء بانرات جديده لمجموعات الاعضاء ◄ للجيل الأول. Araby5050 ركن شروحات الزين فورو XENFORO 8 12-28-2018 10:57 PM
مشكلة بعد اضافة الوان المجموعات في المنتدى S!L3NT H!LL ركن مشاكل وطلبات المنتديات 8 07-25-2018 12:20 AM
{طلب} طريقة توثيق الحسابات في المنتدي Pro Ebram ركن مشاكل وطلبات المنتديات 6 12-05-2015 11:32 PM
طريقه توثيق حساب الفيس بوك بالشاره الزرقاء هيلبرنت ركن مواقع التواصل الإجتماعي 2 10-06-2015 05:40 PM




الساعة الآن 08:06 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum