html+css|شريط تصفح وإختصارات "navigation bar "مميز باللون الازرق الخفيف المميز للمواقع والمنتديات والمدونات ..

موقع جنتل الاردن هو عبارة عن فكرة بسيطة جدا مواضيع نطرحها نؤلف نترجم ونقتبس كل ذلك سبيلا في خدمة القارئ العربي
 
الرئيسيةس .و .جمكتبة الصوربحـثالتسجيلدخول

html+css|شريط تصفح وإختصارات "navigation bar "مميز باللون الازرق الخفيف المميز للمواقع والمنتديات والمدونات ..

الموضوع السابق الموضوع التاليمركز رفع الصور
Posted By

Moh'd S Hammoudeh


انشرالموضوع
الرد عن طريق الفيس بوك
الابلاغ عن الموضوع




مواقع صديقة
All Tricks And Tips
Entertainment
أضف موقعك هنا
أضف موقعك هنا


صفحات فيسبوكية رائعة
All Tricks And Tips
Entertainment
المحاسبين
موقع جنتل الاردن
أضف صفحتك هنا
أضف صفحتك هنا


صفحتنا الرسمية على الفيس بوك

صفحتنا الرسمية على تويتر



الأحد مارس 10, 2013 10:11 pm ساندنا على الفيس بوك  ساندنا على اليوتيوب ساندنا على تويـــــــتر









السلام عليكم ورحمة الله وبركاته



الى أعز اعضاء وزوار بالعالم نقدم لكم اليوم شريط تصفح وإختصارات مميز باللون الازرق الخفيف المميز بلمسات ال html + css


اقتباس :

<style>
#exenavmenu {
float: left;
font: bold 13px Arial, Helvetica, Sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 25px;
overflow: hidden;
}
#exenavmenu ul {
margin:0;
padding:0;
list-style:none;
}
#exenavmenu ul li {
float:left;
}
#exenavmenu ul li a {
float: left;
color:#ffffff;
padding: 10px 15px;
text-decoration:none;
background:#2a91eb; -webkit-transition: all 1s linear;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
box-shadow: 1px px 1px rgba(0,0,0,0.4);
}
#exenavmenu ul li a:hover {
color: #fff; -webkit-transition: all 1s linear;
background:#c9c8cc; -webkit-transition: all 1s linear;
}
</style>
<div id="exenavmenu">
<ul>
<li><a href="##########">الرئيسية</a></li>
<li><a href="########## ">من نحن</a></li>
<li><a href=########## ">اتصل بنا</a></li>
<li><a href="########## ">خدمة عالماشي</a></li>
<li><a href="########## ">سؤال وجواب</a></li>
<li><a href="########## ">خدمات</a></li>
<li><a href="########## ">اخر الاخبار</a></li>
<li><a href="##########">موقع جنتل الاردن</a></li>
</ul>
</div>

- كل ما عليك فعله هو ان تقوم بتغيير اللون الاحمر الى اسم القائمة او الرابط ,,, وان تقوم بتغيير اللون الازرق الى عنوان url الرابط الذي تريده











جميع المواضيع و الردود تعبر عن رأي صاحبها ولا تعبر عن رأي إداره موقع جنتل الاردن بــتــاتــآ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الموضوع السابق الموضوع التالي
صفحة 1 من اصل 1








جميع الحقوق محفوظة لبوابة جنتل الاردن © 2013