اكواد وتقنيات احلي منتدي

**Matrix**

بسم اللة الرحمن الرحيم

اقدم لكم كود قائمة منسدلة جديدة

ضع الكود اينما تريد كما ويمكنك دمجه في الهيدر او الفوتر وغيرها

الكود:: <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>

اكواد وتقنيات احلي منتدي

اكواد html