تحكم في عنوان الرتب عن طريق الـcss

في درس اليوم سنتعلم كيفية التحكم في خصائص عناوين رتب الأعضاء عبر الـcss
و
كيفية تغيير لون كل رتبة ووضع خلفية مختلفة لكل رتبة بطريقة سهلة وبسيطة
الدرس:

أولا ضع هذا الكود في عنوان الرتبة التي ستقوم بانشائها
<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left"><div
class="rotba">Admin</div>
</td></tr></table>

وغير ما يلزمك في الكود يعني بدلا من Admin ضع
عنوان
الرتبة الخاص بك
وإذا كنت ستغير خصائص كل رتبة في كل مرة غير أيضا
كلمة rotba إلى أي اسم ىخر مثلا rotba2
بعد ذلك اذهب الى ورقة الـcss
وضع الكود التالي

<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">.rotba{
color:#000;
border:1px

dotted red;
text-align:center;
background:url(https://i.servimg.com/u/f66/11/86/37/19/d982d910.gif);
}
</td></tr></table>

وغير ما يلزمك في الكود وأضف عليه ما تريد
لاحظ

أن كلمة ".rotba" الموجودة بالكود العلوي ستتغير في كل مرة تنشيء فيها رتبة
جديدة يعني مثلا لو وضعت في عنوان الرتبة
class="rotba2"
ستكون في
كود الـcss
.rotba2{
وهكذا
انتهى الدرس بفضل الله

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

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

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

» عنوان صداقتي ..
» بدون تومبيلات امكانيه اضافه ايطارات اعلى واسفل القسم عن طريق كود css للنسخه الاخيره فقط Invision
» كود وضع اطار على عنوان الموضوع داخله .... منتدانا كلنا سوى
» طريق واحد ... نزار
» من روائع الشيخ محمد حسين يعقوب سلسله طريق التوبه