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

http://www.dzbatna.com/images/icons/icon30.gif ظ†ط§ظپط¨ط§ط± ط¹ظ„ظˆظٹ ( ظ‚ط§ط¦ظ…ط© ط§ظپظ‚ظٹط© ) ظ…ط«ظ„ طھط±ط§ظٹط¯ظ†طھ css

---

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

http://upload.dzbatna.net/upfiles/tBO30148.png



اسفل الهيدار

رمز PHP:

<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 الاضافية


رمز PHP:

.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 غيرها بكود code اللون اللي تريد http://www.dzbatna.com/images/smilies/bleh.gif

طبعا ما خذها من استايل style ديزاد باتنة http://www.dzbatna.com/images/smilies/shiny01.gif

ونعتذر اذا في تعدي على الحقوق ولكن وضعتها للفائدة

وهذه قائمة مثل اي قائمة أي نجار يقدر يعملها http://www.dzbatna.com/images/smilies/nosweat.gif

ألعاب الأندرويد مجانا و حصريا

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©