منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter

مُساهمة من طرف Mahmoud Eslam في الجمعة 31 يوليو 2015 - 7:09


السلام عليكم ورحمة الله وبركاته .. 
أهلاً وسهلاً بأعضاء الدعم الكرام - اتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونه ..
يعمل على جميع النسخ إن شاء الله ..

[ ايطارات اقسام المواضيع ]
>> كود ال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;
    }
Arrow  صورة للكود بعد الوضع :  Arrow


ملحوظة مهمة : يمكنك تغيير صورة خلفية الاقسام فى المواضيع عن طريق تغيير الرابط [ هذا] فى كل كود من اكواد النسخ السابقة .
,
 مع خالص تحياتى لكم The Globetrotter
The Globetrotter
اخوكم المتطوع المساعد ..


عدل سابقا من قبل The Globetrotter في الجمعة 31 يوليو 2015 - 19:33 عدل 2 مرات
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5417
السُمعة : 53

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى