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

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

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

اقتباس :

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

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

اقتباس :

.rotba1{
color:#FF0303;
font-size : 12pt;
font-weightold;
border:2px dotted darkred;
text-align:center;
background:url(https://2img.net/r/ihimizer/img685/5807/qtr1.gif);
}

كما تلاحظون فى الكود بدايته
rotba1
كما بالاول
لمن يرد وضع رتبه اخرى
يغير
ROTBA1
فى الكودين
مثال
الرمز:

اقتباس :

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

+
CSS
الرمز:

اقتباس :

.rotba2{
color:#FF0303;
font-size : 12pt;
font-weightold;
border:2px dotted darkred;
text-align:center;
background:url(https://2img.net/r/ihimizer/img685/5807/qtr1.gif);
}

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

اقتباس :

.rotba1{

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

font-size : 12pt;

font-weightold;

border:2px dotted darkred;

text-align:center;

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

}

شكرا الكود رائع وحصرى لجميع