قائمة منسدله من 90 رابط مع الاسماء

30/03/2012

مرحبا
اليكم كود بشكل قائمة منسدله جميلة ضع روابط مواضيعك بدل http://tjarp.arab.st/
واختر لها اسماء يمكن التغير على شكل الكود من كودcss
المرفق تتحرك يمين ويسار اعلى اسفل وتتوسع ايضا
والكود هتمل وهذه صورة من الشكل لكود

وهذا الكود

الكود:: <table style="width: 507px; height: 33px;" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: center;">

<div id="menu">

<ul>

<li>
   <a class="mhome" href="http://tjarp.arab.st/">ويندوز<em class="icon-me"></em></a>
<ul>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

</ul>

</li>

</ul>

</div>

</td>

<td style="text-align: center;">

<div id="menu">

<ul>

<li>
   <a class="mhome" href="http://tjarp.arab.st/">ويندوز<em class="icon-me"></em></a>
<ul>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

</ul>

</li>

</ul>

</div>

</td>

<td style="text-align: center;">

<div id="menu">

<ul>

<li>
   <a class="mhome" href="http://tjarp.arab.st/">ويندوز<em class="icon-me"></em></a>
<ul>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

</ul>

</li>

</ul>

</div>

</td>

<td style="text-align: center;">

<div id="menu">

<ul>

<li>
   <a class="mhome" href="http://tjarp.arab.st/">ويندوز<em class="icon-me"></em></a>
<ul>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

</ul>

</li>

</ul>

</div>

</td>

<td style="text-align: center;">

<div id="menu">

<ul>

<li>
   <a class="mhome" href="http://tjarp.arab.st/">ويندوز<em class="icon-me"></em></a>
<ul>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">مشاكل وحلول</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">تحديثات</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">أخبار</a>
</li>

<li>
   <a href="http://tjarp.arab.st/">ثيمات</a>
</li>

</ul>

</li>

</ul>

</div>

</td>

</tr>

</tbody>
</table>

<p style="text-align: center;">
   <style>
/*------menu D: blog.7lolblogger.com ------*/

#menu ul{
line-height: 40px;
}

#menu ul li{
display:inline;padding: 2px 0px;
}

#menu ul li a{
padding:10px 13px 10px 17px;
color:#ddd;font: 14px DroidKufi-regular,tahoma;
background-image:url('https://i97.servimg.com/u/f97/18/42/00/55/010.png');
background-repeat: no-repeat;
background-position:left;
}
#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-color:#0099CC;
background-image: url('');
background-repeat: no-repeat;
margin-right: -40px;
background-position: 10px 10px;
}

#menu li ul{
display: none;line-height: 37px;margin-top: 10px;
z-index: 9999;margin-right: -100px;
position: absolute;border-bottom-right-radius: 100px;
border-bottom-left-radius: 4px;
width: 163px;
background: url('http://2.bp.blogspot.com/-x3lNawiunoU/UvtSOUkWEYI/AAAAAAAADJ8/haUUBytDfP0/s1600/submenu-bg.png');
background-repeat: repeat-y;
}
#menu li:hover ul{
display:block;

}

.icon-me{
padding: 10px 10px 0px 10px;
background: url('http://3.bp.blogspot.com/-uwe3sspmyqI/UvtUBBo9lSI/AAAAAAAADKU/IKWYKQd508s/s1600/arrow-down.png') no-repeat;
background-position: 0px 7px;
}

#menu li ul li{
display:block;
background-image:url('http://1.bp.blogspot.com/-DVnUCifOj9c/UvqZphRLR2I/AAAAAAAADJg/KoM1KvYcci4/s1600/border.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;
}
#menu li ul li:hover a{
color:#fff;
margin-right:-10px;

}

a:hover {
color: #FF4629;

}

a {
text-decoration: none;
color: #868686;
}</style>
</
p>

يوجد كود ب ايطارات في الرابط هذا
بايطارات منقط من هناء

lol!