الرئيسية
أحدث الصور
التسجيل
دخول
ليدرمدير الموقع
رقم العضوية : 4
عدد المساهمات : 9777
التقييم : 402
تاريخ التسجيل : 07/11/2010
العمر : 57
كود شريط افقى فى هيدر المنتدى به روابط مفيدة
الجمعة 23 أكتوبر 2015, 11:04 am
كود قائمة افقية جميلة لرئيسية المنتدى بالهيدر
- الكود:
<div style=" overflow: auto; ">
<!-- logo -->
<style type="text/css">
#cnmudrdown{
width:100%;
height:40px;
display:block;
padding:0;
margin:0 0 22px 0;
background:#222222;
}
#cnmudmenu,#drop{
list-style:none;
direction:rtl;
padding:0;
margin:0;
}
#cnmudmenu li {
float:right;
}
#cnmudmenu li a {
display:block;
padding:11px 15px;
color:#fff;
text-decoration:none;
font:15px Tahoma, Geneva, sans-serif;
font-weight:bold;
}
#cnmudmenu li a:hover {
background:#60ff00;
color:#000;
transition:all .7s ease 0s;
}
#drop {
position:absolute;
display:none;
list-style:none;
z-index:60;
}
#drop li {
float:none;
}
#drop li a {
background:#000;
border-bottom:1px solid #bbb;
padding:5px 10px;
width:150px;
}
#sub:hover #drop {
display:block;
}
#drop2:hover #cnmudmenu3 {
display:block;
}
#cnmudmenu3 {
position:absolute;
display:none;
margin-right:131px;
margin-top:-28px;
}
#cnmudmenu3 li{
list-style:none;
margin-left:100px;
}
#cnmudmenu3 li a {
width:150px;
}
</style>
<div id='cnmudrdown'>
<ul id="cnmudmenu">
<li> <a href="index.php">الرئيسية</a></li>
<li id="sub"> <a>روابط مهمة</a>
<ul id="drop">
<li> <a href="profile.php?do=buddylist">قائمة الاصدقاء </a></li>
<li> <a href="search.php?do=getdaily">مشاركات اليوم </a></li>
<li id="drop2"> <a>تعديلات </a>
<ul id="cnmudmenu3">
<li> <a href="profile.php?do=editavatar">تعديل الصورة الرمزية</a></li>
<li> <a href="profile.php?do=editsignature">تعديل التوقيع</a></li>
<li> <a href="profile.php?do=editoptions">تعديل الخيارات</a></li>
</ul>
</li>
<li> <a href="search.php?do=getnew">جديد المنتدى </a></li>
<li> <a href="search.php?do=process&replyless=1&replylimit=0&ex%20clude=30$session%5bsessionurl_q%5d">مواضيع لم يرد عليها </a></li>
</ul>
</li>
<li> <a href="member.php?u=$bbuserinfo[userid]">رسائل الزوار</a></li>
<li> <a href="private.php">رسائلك الخاصة</a></li>
<li> <a href="http://up.bdr1.net/" target="_blank">مركز رفع الملفات</a></li>
</ul>
</div>
- luxury yachtsعضو موقوف
عدد المساهمات : 1
التقييم : 0
تاريخ التسجيل : 19/04/2016
العمر : 34
رد: كود شريط افقى فى هيدر المنتدى به روابط مفيدة
الخميس 21 أبريل 2016, 11:51 am
جميل جداً يعطيك العافية
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى