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

[فارس]

قائمة نفبار مثل ترايدنت css مميزة

مثال مصور :



شرح التركيب
ضع الكود التالي اسفل الهيدار

كود:
<div class="navbar_up"> <ul id="topmenu"> <li><a href="رابطك" target="_blank" title="اسم رابطك">اسم رابط</a></li> <li><a href="رابطك" target="_blank" title="اسم رابطك">اسم رابط</a></li> <li><a href="رابطك" target="_blank" title="اسم رابطك">اسم رابط</a></li> <li><a href="رابطك" target="_blank" title="اسم رابطك">اسم رابط</a></li> </ul> </div>
ضع التالي بتعاريف css الاضافية للاستايل

كود:
.navbar_up {font-family: tahoma;font-size: 11px;margin: 2px auto 12px auto;width: 100%;height: 25px;background-color: #4E72A2;color: #FFFFFF;padding-top: 1px;padding-bottom: 2px;padding-right: 2px;float: right;} #topmenu {list-style: none;font-family: tahoma;font-size: 11px;margin-top: 5px;} #topmenu li {display: inline;background-image: url('images/ico-go.gif');background-repeat: no-repeat;background-position: 100% 84%;padding-left: 5px;padding-right: 10px;text-align: right;float: right;} #topmenu a {color: #FFFFFF;font-weight: bold;} #topmenu a:hover {color: #E9FAFC;font-weight: bold;}
ارفع الصورة [] إلى مجلد الصور الرئيسية images

ico-go.gif


ومبروك عليك

ولتغير الخلفية من تعاريف css تلاقي 4E72A2 غيرها بكود اللون اللي تريد