شرح عمل خلفية للرتبة متحركة

السلام عليكم ورحمة الله وبركاته
طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
اليكم الان الكود وطريقة تركيبه
مثال ,,,, لطريقة عمل الكود(صورة)

شرح عمل خلفية للرتبة متحركة Untitl16

اولا
الكود الاول
هذه رتبة الادمن

الكود:

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

كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة :arrow:
الاعضاء والمجموعات :arrow:
اداررة الرتب :arrow:
ثم :arrow:
اضغط تعديل :arrow:
لرتبة المدير :idea:
وضع بها الكود :arrow:
ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS

كما تلاحظون فى الكود بدايته
rotba1
كما بالاول
لمن يرد وضع رتبه اخرى
يغير
ROTBA1
فى الكودين
مثال(رتبة نائب المدير)تبدا ب rotba2

الكود:: <div class="rotba2">نائب
المدير</div>

+
ايضا يبدا بrotba2CSS الخاص بها

الكود:: .rotba2{
color:#FF0303;
font-size : 12pt;
font-weightold;
border:2px dotted darkred;
text-align:center;
background:url(http://img685.imageshack.us/img685/5807/qtr1.gif);
}

لاضافة رتبه اخرى نغير ف الكودين rotba2 وهكذا

ولمن يريد تغير الصورة الخلفية
من كود CSS

الكود:: .rotba1{

color:هنا كود لون الاطار المنقط حول الرتبة;

font-size : 12pt;

font-weightold;

border:2px dotted darkred;

text-align:center;

background:url(هنا رابط صورة الخلفية);

}

مع تحياتى

:lol!:

سلمت يداكـ الآلماسيه على هذا الابداع والرقي

يعطيكـ الف عافيهـ
أستمروالي الآمام لروحكـ عبق الورد
بانتظار جديدكـ القادم
دمت بسعادهـ