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

اذهب الى الأسفل

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

مُساهمة من طرف GeNeRaL في الجمعة مارس 23, 2012 10:02 am

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

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


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

}



المتطوع المساع








| لمراسلة الإدآرة بأمور لا تراها الا هي من هنا|
| للشكآوي ضد الفريق من هنا|
| لطلبات تغييرالأسمآء من هنا |
للشكايات العامة من هنا
avatar
GeNeRaL
المدير العام
المدير العام

عدد المساهمات : 173

معاينة صفحة البيانات الشخصي للعضو http://al-da3m.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى