رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


 
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 06-09-2013, 06:00 AM   #1
saidrahmani
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 12
افتراضي طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أنا : saidrahmani




السلام عليكم
اليوم مع دروس البلوجر

طريقة إضافة 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>

وأضف الكود التالي بعده مباشرة (إن أردت أن يظهر في أعلى الصفحة):

اقتباس:
<div class="KrissMenu">
<ul>
<li><a href="#Index">Home</a></li>
<li class="li"></li>
<li><a href="#Contact">Contact</a></li>
<li class="li"></li>
<li>
<a href="#Blog">Blog</a>
<ul>
<li><a href="#Registre">Registre</a></li>
<li><a href="#Tuto">Tuto</a></li>
<li><a href="#News">News</a></li>
<li><a href="#Games">Games</a></li>
</ul>
</li>
<li class="li"></li>
<li><a href="#About">About</a></li>


لمشاهدة الموضوع : http://news-for-wou.blogspot.com/201...-css-html.html

الدعم العربي

saidrahmani غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لمدونة, أنيق, بلوجر, إضاف, طريقة


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح إضافة فهرس متطور لمدونة بلوجر 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





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 09:23 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)