كود مجموعة روابط في قائمة منسدله

30/03/2012

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

وهذا الكود

الكود:: <table td="" class="stones101" style="width: 100px; 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>

   </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: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('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;
}

.stones101 {
background:#FFCCCC;
padding: 5px 0px 15px 0px;
border:5px dashed #050505;
}

a:hover {
color: #FF4629;
background:#00FFFF;
}

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