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

 
قديم 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 غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 06-12-2013, 03:35 PM   #2
Dark-Angel
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 18
Lightbulb رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أنا : Dark-Angel




شكراااااا ^^


تحياتي :

الدعم العربي

Dark-Angel غير متواجد حالياً   رد مع اقتباس
قديم 06-21-2013, 05:53 PM   #3
mestr.joker
مدون جديد
 
الصورة الرمزية mestr.joker
 
تاريخ التسجيل: Jun 2013
المشاركات: 30
افتراضي رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أنا : mestr.joker




جميــــــــــــل

الدعم العربي

mestr.joker غير متواجد حالياً   رد مع اقتباس
قديم 06-28-2013, 08:43 AM   #4
geekchiheb
مدون جديد
 
تاريخ التسجيل: Jun 2013
الدولة: الجزائر
المشاركات: 37
إرسال رسالة عبر Skype إلى geekchiheb
افتراضي رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أنا : geekchiheb




very goooooooooood

الدعم العربي

geekchiheb غير متواجد حالياً   رد مع اقتباس
قديم 06-28-2013, 08:05 PM   #5
water man
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 33
افتراضي رد: طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أنا : water man




جيد :)

شكرا

الدعم العربي

water man غير متواجد حالياً   رد مع اقتباس
إضافة رد

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

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


 
أدوات الموضوع
انواع عرض الموضوع

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

كود [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™ Version 3.8.7
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 08:12 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)