شرح عمل خلفيه متحركه للرتبه واطار ملون || مميز وجديد | منتديات احلى منتدى
السلام عليكم ورحمة الله وبركاته
طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
اليكم الان الكود وطريقة تركيبه
اولا
الكود الاول
هذة رتبة المدير
تضعه مكان اسم الرتبه في الرتب
- الكود:
-
<div class="rotba1">المدير
العام</div>
كما تلاحظون فى الرتبة مكتوب
rotba
1يوضع هذا الكود فى
لوحه الادارة
الاعضاء والمجموعات
ادارة الرتب
ثم
اضغط تعديل
لرتبة المدير
وضع بها الكود
ثانيا
الان كود 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 وكود الرتبه نفس كلمه التعريف والتطابق وهي rotba
1 كما تلاحظون فى الكود بدايته
rotba
1كما بالاول في اسم الرتبه
لمن يرد وضع رتبه اخرى
يغير
rotba
1فى الكودين
يغير الرقم 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تحياتنا
موضوع: شرح عمل خلفيه متحركه للرتبه واطار ملون || مميز وجديد | منتديات احلى منتدى 
