كود وضع خلفيات للرتب العادية بدون تومبلايت +كود сss

الجميع دائما عم يطلب تصميم لوضع رتبة العضو زي الفي بي تماما يعني بخلفية تحت اسم الرتبة

اليوم سنشرحها مبسطة بشكل اكثر لانه القليل الذي فهم الخطوات

نذهب الى لوحة الادارة
الأعضاء والمجموعات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الرُّتب
ادارة الرتب

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ناتي الان الى الرتب

نفرض عندنا 4 رتب لو عندك اضافات حتكون سهلة

مثلاا
المدير العام
المشرفون
عضو جديد
عضو فعال

مكان المدير العام نضع الكود كدا

الرمز:

الكود:

<div class="odessarabrotab">المدير العام</div

في الرتبة الثانية مثلاا مكان المشرفين نضع نفس الكود لكن مكان كلمة
المدير العام نضع المشرفون
ومكان كلمة
odessarabrotab
نضيف عليها 1
يعني كدا
odessarabrotab1

لا ننسى اسم كل رتبة واسم المعرف بها

اسم المعرف هو المقصود odessarabrotab
او بالاضافة عليه 1 او 2 او 3 او حسب الرتب عندك

بعد تكوين الرتب نذعب الى لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم сss

نبدأ بتطبيق خلفيات واطارات الرتب

كما ذكرت كل رتبة تعريف يبدا ب
odessarabrotab

اول رتبة كانت كداا
odessarabrotab

يبقا نضيف الورقة التصميم

الرمز:

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

ومرة اخرى في ورقة التصميم نضع الكود كل مرة نفسه لكن مع تغيير الصورة للفئة وتغيير المعرف حسب ما اضفتوه

يعني بشكل اوضح
لدينا 4 رتب

الرمز:

الكود:


<div class="odessarabrotab">المدير العام</div>

<div class="odessarabrotab1">المشرفون</div>

<div class="odessarabrotab2">المشرفات</div>

<div class="odessarabrotab3">عضو</div>

حتكون الرتب كدا تمام

بالورقة
حيكون الكود كدا

الرمز:

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

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

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

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

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

ولا ننسى رابط صورة كل رتبة لو عاوزين

كداا انتيهنا من الشرح والف مبروك عليكم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بالنهاية هذه النتائج مثلاا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
واحدة اخرى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لونك المفضل

منتدى شملت والنيه اربد

تفاصيل الموضوع كود وضع خلفيات للرتب العادية بدون تومبلايت +كود сss

كود وضع خلفيات للرتب العادية بدون تومبلايت +كود сss

اعلانات نصية