| رقم المشاركة : ( 1 ) |
| المساهمات : 73
تاريخ التسجيل : 05/08/2018
العمر : 22
. :
| ضع إعلانك هنا | |
|
|
بسم اللة الرحمن الرحيم
اقدم لكم كود قائمة منسدلة جديدة
ضع الكود اينما تريد كما ويمكنك دمجه في الهيدر او الفوتر وغيرها
- الكود:
-
<table cellspacing="0" cellpadding="0" border="0" align="center" style="width: 100px; height: 33px;" class="stones101" td=""> <tbody> <tr> <td style="text-align: center;"> <div id="menu"> <ul> <li> <a href="http://tjarp.forumotion.com/" class="mhome">ويندوز<em class="icon-me"></em></a> <ul> <li> <a href="http://tjarp.forumotion.com/">مشاكل وحلول</a> </li> <li> <a href="http://tjarp.forumotion.com/">تحديثات</a> </li> <li> <a href="http://tjarp.forumotion.com/">أخبار</a> </li> <li> <a href="http://tjarp.forumotion.com/">ثيمات</a> </li> <li> <a href="http://tjarp.forumotion.com/">مشاكل وحلول</a> </li> <li> <a href="http://tjarp.forumotion.com/">تحديثات</a> </li> <li> <a href="http://tjarp.forumotion.com/">أخبار</a> </li> <li> <a href="http://tjarp.forumotion.com/">ثيمات</a> </li> <li> <a href="http://tjarp.forumotion.com/">مشاكل وحلول</a> </li> <li> <a href="http://tjarp.forumotion.com/">تحديثات</a> </li> <li> <a href="http://tjarp.forumotion.com/">أخبار</a> </li> <li> <a href="http://tjarp.forumotion.com/">ثيمات</a> </li> <li> <a href="http://tjarp.forumotion.com/">مشاكل وحلول</a> </li> <li> <a href="http://tjarp.forumotion.com/">تحديثات</a> </li> <li> <a href="http://tjarp.forumotion.com/">أخبار</a> </li> <li> <a href="http://tjarp.forumotion.com/">ثيمات</a> </li> </ul> </li> </ul> </div> </td> </tr> </tbody> </table> <p style="text-align: center;"> <style> /*------inkkor.com ------*/
#menu ul{ line-height: 40px; }
#menu ul li{ display:inline;padding: 2px 0px; }
#menu ul li a:hover{ color:#fff;transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s;-o-transition: all 0.5s; } #menu ul li .mhome{ padding: 25px 16px 35px 16px;
background-repeat: repeat; margin-right: -40px;
}
#menu ul li a{ padding:15px 15px 15px 15px; color:#99CCFF;font: 15px DroidKufi-regular,tahoma;
}
#menu li ul{ display: none;line-height: 37px;margin-top: 20px; z-index: 9999;margin-right: -115px; position: absolute;border-bottom-right-radius: 100px; width: 162px;
} #menu li:hover ul{ display:block;
}
.icon-me{ padding: 10px 10px 0px 10px; background: url('https://i62.servimg.com/u/f62/19/23/13/06/arrow-10.png') no-repeat; background-position: 0px 7px;
}
#menu li ul li{ display:block; background-image:url('https://i62.servimg.com/u/f62/19/23/13/06/45410.png'); background-repeat: repeat; background-position:bottom; padding:0; } #menu li ul li a{ background-image:none; padding: 0px 15px 0px 0px;color:#ddd; font: 13px DroidKufi-regular,tahoma;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.stones101 { background:#2450a0; padding: 5px 0px 15px 0px; border:5px dashed #050505; }
a:hover { color: #4988c3; background:#4988c3; }
a { text-decoration: none; color: #868686; }</style> </p>
|
|
| |