Worled Animy ♥
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MS.SAMAR
مصممة
مصممة
avatar

عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014

مُساهمةموضوع: [ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter   الثلاثاء يناير 12, 2016 11: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 Globetrotter
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اخوكم المتطوع المساعد .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[ كود Css ] اضافة صورة لعمل خلفية لمسارات الاقسام The Globetrotter
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Worled Animy ♥ :: المنتديات التَقنية والتَطويريه ♫ :: طَوري مُنتدَاك ↓✿-
انتقل الى: