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

[khabab 0]

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





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

الرمز:

المدير 
العام

[b]كما تلاحظون فى الرتبة مكتوب [/b]
rotba1
[b]يوضع هذا الكود فى 
لوحه الادارة[/b] [b]
الاعضاء والمجموعات[/b] 
[b]اداررة الرتب [/b]
[b]ثم [/b]
[b]اضغط تعديل[/b] [b]
لرتبة المدير [/b]
[b]وضع بها الكود[/b] 
[b]ثانيا[/b]
[b]الان كود CSS الذى يحتوى على الخلفية[/b]
[b]الكود هذا يوضع فى ورقة تصميم [/b]
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);
}

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

الرمز:

نائب 
المدير

+
ايضا يبدا ب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(هنا رابط صورة الخلفية);

}

وهذة بعض صور لخلفيات الرتب

http://i46.servimg.com/u/f46/14/26/11/47/1155_i10.gif

http://i46.servimg.com/u/f46/14/26/11/47/b310.gif

http://i46.servimg.com/u/f46/14/26/11/47/b1010.gif

http://i46.servimg.com/u/f46/14/26/11/47/b2010.gif

http://i46.servimg.com/u/f46/14/26/11/47/b2110.gif

http://i46.servimg.com/u/f46/14/26/11/47/b2210.gif

http://i46.servimg.com/u/f46/14/26/11/47/blue10.gif

http://i46.servimg.com/u/f46/14/26/11/47/gray10.gif

http://i46.servimg.com/u/f46/14/26/11/47/green10.gif

http://i46.servimg.com/u/f46/14/26/11/47/hart210.gif

http://i46.servimg.com/u/f46/14/26/11/47/laimon10.gif

http://i46.servimg.com/u/f46/14/26/11/47/pink10.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr110.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr210.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr310.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr410.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr510.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr610.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr710.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr810.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr1010.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr1110.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr1210.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr1310.gif

http://i46.servimg.com/u/f46/14/26/11/47/qtr2310.gif



[b]مع تحياتى 

[/b]

[lion alg 0]

شكرآ جزيلا على الموضوع الرائع و المميز واصل تالقك معنا بالمنتدى

[AmEr-Dz 0]

شكرآ جزيلا على الموضوع الرائع و المميز واصل تالقك معنا بالمنتدى