انشاء منتدى مجاني[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter
من طرف Mahmoud Eslam الجمعة 31 يوليو 2015 - 8:09
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 613623](https://2img.net/u/1811/68/54/94/smiles/613623.gif)
السلام عليكم ورحمة الله وبركاته ..
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 103798](https://2img.net/u/1811/68/54/94/smiles/103798.gif)
أهلاً وسهلاً بأعضاء الدعم الكرام - اتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونه ..
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 572819](https://2img.net/u/1811/68/54/94/smiles/572819.gif)
يعمل على جميع النسخ إن شاء الله ..
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Theme](https://2img.net/i/fa/admin/icones/theme.png)
[ ايطارات اقسام المواضيع ]
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 708172](https://2img.net/u/1811/68/54/94/smiles/708172.gif)
>> كود الCss وضع صورة وايطار للأقسام داخل المواضيع لجميع النسخ The Globetrotter ..
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 851176](https://2img.net/u/1811/68/54/94/smiles/851176.gif)
طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم Css - ثم اضف الكود فى بداية الورقة ..
ثم ضع الكود التالى :-
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Versio11](https://i.servimg.com/u/f76/11/66/91/15/versio11.gif)
Phpbb2
- الكود:
.nav {
background: #F3F3F3;
border: none;
border-radius: 3px;
box-shadow: none;
margin-top: 10px;
color: #F5EFEF;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Versio12](https://i.servimg.com/u/f76/11/66/91/15/versio12.gif)
Phpbb3
- الكود:
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Versio15](https://i.servimg.com/u/f76/11/66/91/15/versio15.gif)
Phpbb
- الكود:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Versio14](https://i.servimg.com/u/f76/11/66/91/15/versio14.gif)
INVISION
- الكود:
#navstrip {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
height: 39px;
}
#navstrip li {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 2px 10px;
}
#navstrip li.begin {
background: none;
}
صورة للكود بعد الوضع : ![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 112](https://i.servimg.com/u/f18/12/68/39/83/112.png)
ملحوظة مهمة : يمكنك تغيير صورة خلفية الاقسام فى المواضيع عن طريق تغيير الرابط [ هذا] فى كل كود من اكواد النسخ السابقة .
,
مع خالص تحياتى لكم The Globetrotter
The Globetrotter
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 221010](https://i.servimg.com/u/f39/18/93/00/45/221010.png)
اخوكم المتطوع المساعد ..
![[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 221706](https://2img.net/u/1811/68/54/94/smiles/221706.gif)
عدل سابقا من قبل The Globetrotter في الجمعة 31 يوليو 2015 - 20:33 عدل 2 مرات
Mahmoud Eslam-
-
عدد المساهمات : 2367
معدل النشاط : 8063
السُمعة : 53 -
مواضيع مماثلة» css لعمل خلفية للمجموعات وعمل خلفية لاسماء الاعضاء كل عضو له خلفيه لاسمه وهكذا
» كود لعمل خلفية للروابط داخل منتداك
» حصري كود تعريض اوتصغير صورة اسم الاقسام او صورخلفية للعنوان الاقسام
» طلب اضافة خانة اضافة خلفية في الصندوق الماسي
» ابغى كود لعمل خلفية ثانوية ؟
» كود لعمل خلفية للروابط داخل منتداك
» حصري كود تعريض اوتصغير صورة اسم الاقسام او صورخلفية للعنوان الاقسام
» طلب اضافة خانة اضافة خلفية في الصندوق الماسي
» ابغى كود لعمل خلفية ثانوية ؟
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى