كود css لجعل الرتبه متحركه ولها خلفيه مثل الفى بى

السلام عليكم


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

الكود:

<div class="rotba">Admin</div>

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

الكود:

.rotba{
color:#000;
border:1px

 
dotted red;
text-align:center;
background:url(http://i66.servimg.com/u/f66/11/86/37/19/d982d910.gif);
}

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

أن كلمة
".rotba" الموجودة بالكود العلوي ستتغير في كل مرة تنشيء فيها رتبة

جديدة يعني مثلا لو وضعت في عنوان الرتبة
class="rotba2"
ستكون في
كود
الـcss
.rotba2{
مكان رابط الصوره مع تحديد الرتبه اخي الكريم
خذ الصور
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]