أكواد عمل خلفية متحركة للرتبة مع الشرح

من طرف **emadsoliman** الثلاثاء يناير 18, 2011 7:00 pm

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

اولا
الكود الاول
هذة رتبة الادمن
الكود:
[/b][font=Courier New] <div class="rotba1">المدير العام</div>[/font] [b]

كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة

الاعضاء والمجموعات

اداررة الرتب
ثم
اضغط تعديل

لرتبة المدير
وضع بها الكود

ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS

الكود:: [font=Courier New] .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); }[/font]

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

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

+
CSS

الكود:: [font=Courier New] .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); }[/font]

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

الكود:: [font=Courier New] .rotba1{ color:هنا كود لون الاطار المنقط حول الرتبة; font-size : 12pt; font-weightold; border:2px dotted darkred; text-align:center; background:url(هنا رابط صورة الخلفية); }[/font]

انتهي الشرح