كود نافبار جديد ومميز بشكل ازرق مثل الموجود في

نقوم بوضع هذا الكود في التشكيلات العامة
او في اسفل المنتدى او اعلى المنتدى باستعمال التمبلات

الرمز:

<div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
<li class="current"><a href="http://www.sidiamer.com">الصفحة الرئيسية</a></li><li>
<a title="جديد المواضيع" href="http://www.sidiamer.com/search.forum?search_id=newposts">جديد المواضيع
</a></li><li><a style="" title="أفضل مواضيع اليوم" href="http://www.sidiamer.com/search.forum?search_id=activetopics">أفضل مواضيع اليوم</a></li><li>
<a style="" title="أفضل أعضاء اليوم" href="http://www.sidiamer.com/memberlist.forum?mode=today_posters">أفضل أعضاء اليوم</a></li><li><a href="http://www.sidiamer.com/memberlist.forum?mode=overall_posters">
أفضل 20 عضو</a></li><li><a style="" href="http://www.sidiamer.com/search.forum?search_id=egosearch">استعرض مشاركاتك</a></li><li>
<a style="" href="http://www.sidiamer.com/search.forum?search_id=unanswered">
مواضيع لم يتم الرد عليها</a></li></ul></div>

ثما قم بتسجيل ونذهب الى ورقة
css
لوحه التحكم

مظهر المنتدى

الصور و الألوان

الوان

ورقه تصميم الـــ Css
ونضيف الكود التالي

الرمز:

.glossymenu {
background: url("https://i.servimg.com/u/f70/15/40/37/88/etudia10.png") repeat-x scroll 0 0 transparent;
height: 26px;
list-style: none outside none;
margin: 0 auto;
padding: 0 0 0 34px;
position: relative;
text-align: center;
text-transform: uppercase;

}

.glossymenu li {
float: left;

}

.glossymenu li a {
color: #000000;
cursor: pointer;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 26px;
line-height: 26px;
padding: 0 0 0 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;

}

.glossymenu li a b {
display: block;
float: left;
padding: 0 24px 0 8px;
text-align: center;
text-transform: uppercase;

}

.glossymenu li a:hover, .glossymenu li.current a {
background-position: left center;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;

}

.glossymenu li a:hover b, .glossymenu li.current a b {
background: url("https://i.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
border: 1px solid #EEEEEE;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;

}

» حصريا نافبار جديد وبشكل مميز مثل الذي كان موجود في المنتدى
» أبل تكشف بشكل غير مقصود عن إسم iPhone 6
» اطلاق فايرفوكس 14 بميزة تشفير عمليات البحث بشكل افتراضي
» ثغرة جديد في الفيس بوك 2014 (HD)
» كلام جميل جدا جديد قصير 2013 -2014