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

**Admin** · أسم العضو:**Admin**

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

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

الكود:

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

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

الكود:

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

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

https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif

https://i.servimg.com/u/f46/14/26/11/47/b310.gif

https://i.servimg.com/u/f46/14/26/11/47/b1010.gif

https://i.servimg.com/u/f46/14/26/11/47/b2010.gif

https://i.servimg.com/u/f46/14/26/11/47/b2110.gif

https://i.servimg.com/u/f46/14/26/11/47/b2210.gif

https://i.servimg.com/u/f46/14/26/11/47/blue10.gif

https://i.servimg.com/u/f46/14/26/11/47/gray10.gif

https://i.servimg.com/u/f46/14/26/11/47/green10.gif

https://i.servimg.com/u/f46/14/26/11/47/hart210.gif

https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif

https://i.servimg.com/u/f46/14/26/11/47/pink10.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif

https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif