ظ†ط§ظپط¨ط§ط± ط¹ظ„ظˆظٹ ( ظ‚ط§ط¦ظ…ط© ط§ظپظ‚ظٹط© ) ظ…ط«ظ„ طھط±ط§ظٹط¯ظ†طھ css


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





اسفل الهيدار

رمز PHP:
<code style="white-space:nowrap"> <code> <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>
</code> </code>

تعاريف css الاضافية


رمز PHP:
<code style="white-space:nowrap"> <code> .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;}
</code> </code>

ارفع الصورة إلى مجلد الصور الرئيسية images

ico-go.gif


ومبروك عليك

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

طبعا ما خذها من استايل style ديزاد باتنة

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

وهذه قائمة مثل اي قائمة أي نجار يقدر يعملها









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©