شرح عمل خلفيه متحركه للرتبه واطار ملون || مميز وجديد | منتديات احلى منتدى
السلام عليكم ورحمة الله وبركاته
طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
اليكم الان الكود وطريقة تركيبه

اولا
الكود الاول
هذة رتبة المدير
تضعه مكان اسم الرتبه في الرتب

الكود:

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

كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة
الاعضاء والمجموعات
ادارة الرتب
ثم
اضغط تعديل
لرتبة المدير
وضع بها الكود
ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS

الكود:

 .rotba[color=red]1[/color]{
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
كما تلاحظون فى الكود بدايته
rotba1
كما بالاول في اسم الرتبه
لمن يرد وضع رتبه اخرى
يغير
rotba1
فى الكودين
يغير الرقم 1 فقط
...................
هذا للرتبه الثانيه
ضعه مكان اسم الرتب في قسم الرتب في الاداره

الكود:

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

نشاهد ان الكود الموجود في الرتبه هو
rotba2
والكود الموجود في كود ورقه css هو
rotba2
لذالك تعمل الرتبه بتطابق في الخلفيه والاطار
........................................
ولمن يريد تغير الصورة الخلفية
من كود CSS

الكود:

 .rotba1{

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

 font-size : 12pt;

 font-weightold;

border:2px dotted darkred;

text-align:center;

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

}

وهنا اقدم لكم مجموعه من الخلفيات الرائعه والتي تستخدم في منتديات في بي
https://almajro7.7olm.org/t12193-topic#47692
اي مساعده نحن في الوجود ضعها هنا
https://almajro7.7olm.org/post?f=25&mode=newtopic

تحياتنا