[شرح] عمل رتب احترافية

السلام عليكم
تحية طيبة وبعد

سيكون هذا الشرح شرح وافي عن طريقة تركيب رتب احترافية اعتمادا على الاكواد
واللتي تقلل من الصور وبطء التحميل في المنتدى بطريقة جمالية واحترافية ومحببة لدى الكثيرين
------------------------------------------------------------------------------
اولا نتوجه للوحة الادارة

ثم نختار التبويب الاعضاء & المجموعات

ثم رتب

اضف رتبة جديدة

نضع الكود رقم (1) اللذي سيتم ادراجه اسفل الشرح

والان ننتقل لمظهر المنتدى >> الوان >> ورقة تصميم CSS
ونضيف الكود رقم (2) اللذي سيتم ادراجه اسفل الشرح

--------------------------------------------------------------------------------
الاكواد المستخدمة :
الكود رقم (1)

الرمز:

<div class="رمز الرتبة">عنوان الرتبة</div>

الكود رقم (2)

الرمز:

.رمز الرتبة{ color:#000; border:1px dotted red; text-align:center; background:url(ضع رابط صورة الخلفية); }

فنعلم ان " رمز الرتبة " مرتبط في كلا الكودين
عندما نغير رمز الرتبة في الكود الاول نغيره ايضا في الكود الثاني بنفس الكود اللذي استخدمناه في الكود الاول
ويجب تغيير الرمز عند اضافة كل رتبة
يعني انه في رتبة "1" اخترنا الرمز "r1" << الكود الاول
في الكود الثاني نضع نفس الرمز "r1"

عند اضافة رتبة "2" نختار رمز اخر مثلا "r2" << الكود الاول
في الكود الثاني نضع نفس الرمز "r2"

وهكذا
-------------------------------------------------------
انتهى الشرح