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



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

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


الكود:

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

كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة
شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
الاعضاء والمجموعات
شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
اداررة الرتب شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
ثم شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
اضغط تعديل شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
لرتبة المدير
شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_idea
وضع بها الكود شرح عمل خلفية للرتبة متحركة ..حصرى  Icon_arrow
ثانيا
الان كود 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


الكود:

<div class="rotba2">نائب
المدير</div>
+
ايضا يبدا ب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(هنا رابط صورة الخلفية);

}
وهذة بعض صور لخلفيات الرتب
شرح عمل خلفية للرتبة متحركة ..حصرى  1155_i10
https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  B310
https://i.servimg.com/u/f46/14/26/11/47/b310.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  B1010
https://i.servimg.com/u/f46/14/26/11/47/b1010.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  B2010
https://i.servimg.com/u/f46/14/26/11/47/b2010.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  B2110
https://i.servimg.com/u/f46/14/26/11/47/b2110.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  B2210
https://i.servimg.com/u/f46/14/26/11/47/b2210.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Blue10
https://i.servimg.com/u/f46/14/26/11/47/blue10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Gray10
https://i.servimg.com/u/f46/14/26/11/47/gray10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Green10
https://i.servimg.com/u/f46/14/26/11/47/green10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Hart210
https://i.servimg.com/u/f46/14/26/11/47/hart210.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Laimon10
https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Pink10
https://i.servimg.com/u/f46/14/26/11/47/pink10.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr110
https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr210
https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr310
https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr410
https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr510
https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr610
https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr710
https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr810
https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr1010
https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr1110
https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr1210
https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr1310
https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif
شرح عمل خلفية للرتبة متحركة ..حصرى  Qtr2310
https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif

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

مع تحياتى

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

المصدر