من مصر والى مصر
 
الرئيسيةالرئيسية  اكواداحلى منتدىاكواداحلى منتدى  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 حصرى عمل خلفية للرتب مثل فى بى تماما

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
HiMa ELmAsRY
ADMIN

ADMIN
avatar

نوع المتصفح: :
ذكر
عدد المساهمات : 57
التسجيل : 26/06/2010
العمل/الترفيه : رايق
المزاج : تمام

مُساهمةموضوع: حصرى عمل خلفية للرتب مثل فى بى تماما   الأحد سبتمبر 18, 2011 3:38 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
فى الكودين

مثال
الكود:
 
<div class="rotba2">نائب
المدير</div>

+
css

الكود:

 .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);
}

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

color:هنا كود لون الاطار المنقط حول الرتبة;

 font-size : 12pt;

 font-weightold;

border:2px dotted darkred;

text-align:center;

background:url(هنا رابط صورة الخلفية);

}

مثال على الشكل النهائى للرتبة
كما فى منتدياتنا هنا بالضبط

شكرا الكود رائع وحصرى لجميع
مع تحياتى

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
حصرى عمل خلفية للرتب مثل فى بى تماما
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
From Egypt - من مصر :: ركن تطوير احلي منتدي | ahlamontada.com :: الأكواد الإنسيابية CSS-
انتقل الى: