|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
06-09-2013, 06:00 AM | #1 | |
مدون جديد
تاريخ التسجيل: Jun 2013
المشاركات: 12
|
طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html
السلام عليكم
اليوم مع دروس البلوجر طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html (قائمة منسدلة على بلوجر) صور لإضافة: 1. 2. شرح تركيب الإضافة: اذهب إلى لوحة التحكم ثم قالب ثم تحرير HTML : - ابحث عن : ]]></b:skin> وألصق الكود التالي قبلها مباشرة: [QUOTE]*{ margin:0 ; padding:0 ; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } body { background: Url(BG.PNG); } .KrissMenu { margin-top: 200px; } .KrissMenu ul { list-style: none; background: -webkit-linear-gradient(#292e32,#1F2326); height:40px; width: 320px; margin: auto; border-radius: 3px; box-shadow: 0 0 0 1px #080c0f, inset 0 1px 0 #414548 ; } .KrissMenu ul li { float: left; position: relative; } .KrissMenu ul li.li { height: 40px; border-left: 1px solid #080c0f; border-right: 1px solid #414548; } .KrissMenu ul li a { display: block; color: #bbb; padding:13px 20px; text-shadow: 0 1px 0 #0a0a0a ; font-weight: bold; } .KrissMenu ul li a:hover { background: -webkit-linear-gradient(bottom,#1D2124,#16171B); box-shadow: 0 0 10px #000 inset; } .KrissMenu ul li ul { list-style: none; position: absolute; width: auto; height: auto; background: #767d83; box-shadow: 0 0 5px #111; margin-top: 5px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease; } .KrissMenu ul li ul li { float: none; } .KrissMenu ul li ul li a { color: #0a0b0d; text-shadow: 0 1px 0 #979fa1 ; } .KrissMenu ul li ul li a:hover { background: -webkit-linear-gradient(#565d63,#3e4347); box-shadow:0 0 0 1px #303538, inset 0 1px 0 #676e74 ; color: #d9dee2; text-shadow: 0 1px 0 #191d20 ; } .KrissMenu ul li ul li a:first-child { border-radius: 3px ; } .KrissMenu ul li:hover ul { visibility: visible; opacity: 1; top: 40px; } ] - وبعد ذلك ابحث عن: <body> وأضف الكود التالي بعده مباشرة (إن أردت أن يظهر في أعلى الصفحة): اقتباس:
لمشاهدة الموضوع : http://news-for-wou.blogspot.com/201...-css-html.html
__________________
|
|
06-12-2013, 03:35 PM | #2 |
مدون جديد
تاريخ التسجيل: May 2013
المشاركات: 18
|
رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html
__________________
|
06-21-2013, 05:53 PM | #3 |
مدون جديد
تاريخ التسجيل: Jun 2013
المشاركات: 30
|
رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html
__________________
|
06-28-2013, 08:43 AM | #4 |
مدون جديد
تاريخ التسجيل: Jun 2013
الدولة: الجزائر
المشاركات: 37
|
رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html
__________________
|
06-28-2013, 08:05 PM | #5 |
مدون جديد
تاريخ التسجيل: Jun 2013
المشاركات: 33
|
رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
لمدونة, أنيق, بلوجر, إضاف, طريقة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
شرح إضافة فهرس متطور لمدونة بلوجر | OSMON | دروس بلوجر | 8 | 12-25-2014 06:33 PM |
طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر 2013 | مى محمد | إضافات وأدوات بلوجر | 6 | 05-04-2013 08:59 PM |
إضافة التسمية بشكل أنيق...فقط على معهد خبراء بلوجر | overboy | إضافات وأدوات بلوجر | 19 | 12-29-2012 03:24 PM |
إضافة أرشيف لمدونة بلوجر | mostafa alwin | إضافات وأدوات بلوجر | 1 | 07-16-2012 12:35 AM |
الساعة الآن 08:51 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |