A7labeet
عدد المساهمات : 11990
تاريخ التسجيل : 20/05/2010
  |  موضوع: شرح عمل خلفية للرتبة متحركة ..حصرى  الثلاثاء 24 يناير 2012, 8:42 pm | |
| السلام عليكم ورحمة الله وبركاتهطبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة اليكم الان الكود وطريقة تركيبهمثال ,,,, لطريقة عمل الكود(صورة)
اولا
الكود الاول
هذة رتبة الادمن
- الكود:
-
[b] [/b]<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 - الكود:
-
<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(هنا رابط صورة الخلفية);
}
 |
|
elgenral
عدد المساهمات : 15
تاريخ التسجيل : 10/08/2015
العمر : 38
| | موضوع: رد: شرح عمل خلفية للرتبة متحركة ..حصرى الإثنين 10 أغسطس 2015, 3:28 pm | |
| كالعادة ابداع رائع
وطرح يستحق المتابعة
شكراً لك
بانتظار الجديد القادم
دمت بكل خير |
|
