شرح عمل خلفية للرتبة متحركة ..حصرى
صفحة 1 من اصل 1
شرح عمل خلفية للرتبة متحركة ..حصرى
السلام عليكم ورحمة الله وبركاته
طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
اليكم الان الكود وطريقة تركيبه
مثال ,,,, لطريقة عمل الكود(صورة)
![شرح عمل خلفية للرتبة متحركة ..حصرى Untitl16](https://i.servimg.com/u/f46/14/26/11/47/untitl16.gif)
اولا
الكود الاول
هذة رتبة الادمن
كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة
الاعضاء والمجموعات
اداررة الرتب
ثم
اضغط تعديل
لرتبة المدير
وضع بها الكود
ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS
كما تلاحظون فى الكود بدايته
rotba1
كما بالاول
لمن يرد وضع رتبه اخرى
يغير
ROTBA1
فى الكودين
مثال(رتبة نائب المدير)تبدا ب rotba2
ايضا يبدا بrotba2CSS الخاص بها
لاضافة رتبه اخرى نغير ف الكودين rotba2 وهكذا
ولمن يريد تغير الصورة الخلفية
من كود CSS
شكرا الكود رائع وحصرى لجميع
مع تحياتى
للجميع ولادارة احلى منتدى ومشرفيها
![شرح عمل خلفية للرتبة متحركة ..حصرى 201477](https://2img.net/u/1811/68/54/94/smiles/201477.gif)
اخوكم HiMa ElMaSrY احلى فريق
طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
اليكم الان الكود وطريقة تركيبه
مثال ,,,, لطريقة عمل الكود(صورة)
![شرح عمل خلفية للرتبة متحركة ..حصرى Untitl16](https://i.servimg.com/u/f46/14/26/11/47/untitl16.gif)
اولا
الكود الاول
هذة رتبة الادمن
- الكود:
<div class="rotba1">المدير
العام</div>
كما تلاحظون فى الرتبة مكتوب
rotba1
يوضع هذا الكود فى
لوحه الادارة
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
الاعضاء والمجموعات
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
اداررة الرتب
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
ثم
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
اضغط تعديل
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
لرتبة المدير
![Idea](https://2img.net/i/fa/i/smiles/icon_idea.png)
وضع بها الكود
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
ثانيا
الان كود 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(هنا رابط صورة الخلفية);
}
شكرا الكود رائع وحصرى لجميع
مع تحياتى
للجميع ولادارة احلى منتدى ومشرفيها
![شرح عمل خلفية للرتبة متحركة ..حصرى 829894](https://2img.net/u/1811/68/54/94/smiles/829894.gif)
![شرح عمل خلفية للرتبة متحركة ..حصرى 201477](https://2img.net/u/1811/68/54/94/smiles/201477.gif)
اخوكم HiMa ElMaSrY احلى فريق
عدل سابقا من قبل HiMa ElMaSrY في الثلاثاء 24 يناير 2012 - 11:22 عدل 3 مرات
ردود: شرح عمل خلفية للرتبة متحركة ..حصرى
وهذة بعض صور لخلفيات الرتب
![شرح عمل خلفية للرتبة متحركة ..حصرى 1155_i10](https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif)
https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B310](https://i.servimg.com/u/f46/14/26/11/47/b310.gif)
https://i.servimg.com/u/f46/14/26/11/47/b310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B1010](https://i.servimg.com/u/f46/14/26/11/47/b1010.gif)
https://i.servimg.com/u/f46/14/26/11/47/b1010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2010](https://i.servimg.com/u/f46/14/26/11/47/b2010.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2110](https://i.servimg.com/u/f46/14/26/11/47/b2110.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2210](https://i.servimg.com/u/f46/14/26/11/47/b2210.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Blue10](https://i.servimg.com/u/f46/14/26/11/47/blue10.gif)
https://i.servimg.com/u/f46/14/26/11/47/blue10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Gray10](https://i.servimg.com/u/f46/14/26/11/47/gray10.gif)
https://i.servimg.com/u/f46/14/26/11/47/gray10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Green10](https://i.servimg.com/u/f46/14/26/11/47/green10.gif)
https://i.servimg.com/u/f46/14/26/11/47/green10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Hart210](https://i.servimg.com/u/f46/14/26/11/47/hart210.gif)
https://i.servimg.com/u/f46/14/26/11/47/hart210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Laimon10](https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif)
https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Pink10](https://i.servimg.com/u/f46/14/26/11/47/pink10.gif)
https://i.servimg.com/u/f46/14/26/11/47/pink10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr110](https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr210](https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr310](https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr410](https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr510](https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr610](https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr710](https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr810](https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1010](https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1110](https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1210](https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1310](https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr2310](https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى 829894](https://2img.net/u/1811/68/54/94/smiles/829894.gif)
![شرح عمل خلفية للرتبة متحركة ..حصرى 1155_i10](https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif)
https://i.servimg.com/u/f46/14/26/11/47/1155_i10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B310](https://i.servimg.com/u/f46/14/26/11/47/b310.gif)
https://i.servimg.com/u/f46/14/26/11/47/b310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B1010](https://i.servimg.com/u/f46/14/26/11/47/b1010.gif)
https://i.servimg.com/u/f46/14/26/11/47/b1010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2010](https://i.servimg.com/u/f46/14/26/11/47/b2010.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2110](https://i.servimg.com/u/f46/14/26/11/47/b2110.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى B2210](https://i.servimg.com/u/f46/14/26/11/47/b2210.gif)
https://i.servimg.com/u/f46/14/26/11/47/b2210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Blue10](https://i.servimg.com/u/f46/14/26/11/47/blue10.gif)
https://i.servimg.com/u/f46/14/26/11/47/blue10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Gray10](https://i.servimg.com/u/f46/14/26/11/47/gray10.gif)
https://i.servimg.com/u/f46/14/26/11/47/gray10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Green10](https://i.servimg.com/u/f46/14/26/11/47/green10.gif)
https://i.servimg.com/u/f46/14/26/11/47/green10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Hart210](https://i.servimg.com/u/f46/14/26/11/47/hart210.gif)
https://i.servimg.com/u/f46/14/26/11/47/hart210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Laimon10](https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif)
https://i.servimg.com/u/f46/14/26/11/47/laimon10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Pink10](https://i.servimg.com/u/f46/14/26/11/47/pink10.gif)
https://i.servimg.com/u/f46/14/26/11/47/pink10.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr110](https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr210](https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr310](https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr410](https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr410.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr510](https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr510.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr610](https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr610.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr710](https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr710.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr810](https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr810.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1010](https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1010.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1110](https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1110.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1210](https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1210.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr1310](https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr1310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى Qtr2310](https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif)
https://i.servimg.com/u/f46/14/26/11/47/qtr2310.gif
![شرح عمل خلفية للرتبة متحركة ..حصرى 829894](https://2img.net/u/1811/68/54/94/smiles/829894.gif)
ابوعلي البلقاوي يعجبه هذا الموضوع
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» مشكلة فى كود عمل خلفية للرتبة متحركة
» كيف اضع خلفية لامعة للرتبة؟
» خلفية لـ الاسم مش للرتبة !
» كود وضع خلفية متحركة لازرار صندوق الكتابة السريع css
» كيف إضع صورتإن للرتبة؟
» كيف اضع خلفية لامعة للرتبة؟
» خلفية لـ الاسم مش للرتبة !
» كود وضع خلفية متحركة لازرار صندوق الكتابة السريع css
» كيف إضع صورتإن للرتبة؟
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى