Mahmoud Eslam
عدد المساهمات : 2367 معدل النشاط : 8064 السُمعة : 53
| موضوع: [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 31/7/2015, 8:09 am | |
| السلام عليكم ورحمة الله وبركاته .. أهلاً وسهلاً بأعضاء الدعم الكرام - اتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونه ..يعمل على جميع النسخ إن شاء الله ..[ ايطارات اقسام المواضيع ] >> كود الCss وضع صورة وايطار للأقسام داخل المواضيع لجميع النسخ The Globetrotter .. طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم Css - ثم اضف الكود فى بداية الورقة ..ثم ضع الكود التالى :-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; } 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; }
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; }
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; }
صورة للكود بعد الوضع : ملحوظة مهمة : يمكنك تغيير صورة خلفية الاقسام فى المواضيع عن طريق تغيير الرابط [ هذا] فى كل كود من اكواد النسخ السابقة ., مع خالص تحياتى لكم The GlobetrotterThe Globetrotter اخوكم المتطوع المساعد ..
عدل سابقا من قبل The Globetrotter في 31/7/2015, 8:33 pm عدل 2 مرات | |
|