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

دعم أحلى منتدى

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

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS

اذهب الى الأسفل

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

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

[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 613623
السلام عليكم ورحمة الله وبركاته .. [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 103798 
أهلاً وسهلاً بأعضاء الدعم الكرام - اتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونه .. [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 572819
يعمل على جميع النسخ إن شاء الله .. [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 103798
[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Theme
[ ايطارات اقسام المواضيع ] [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 708172
>> كود الCss وضع صورة وايطار للأقسام داخل المواضيع لجميع النسخ The Globetrotter  .. [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter 851176

طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم Css - ثم اضف الكود فى بداية الورقة   ..


ثم ضع الكود التالى :-
[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter Versio11
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
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
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
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

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


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

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

http://mosa3edon.yoo7.com/

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS

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