أسرار التكنولوجيا

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
المديرة
عدد المساهمات : 73
سمعة العضو /ة : 1
تاريخ التسجيل : 23/06/2015
العمر : 17
الموقع : فلسطين
معاينة صفحة البيانات الشخصي للعضو

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

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

[ ايطارات اقسام المواضيع ]
>> كود ال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


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

منقوول
,
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى