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

انضم إلى المنتدى ، فالأمر سريع وسهل

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

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

كود اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter  Empty كود اضافة صورة لعمل خلفية لمسارات الاقسام 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

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

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