مرحبا
اليكم كود مؤلف من خمس خانات قائمة لروابط تضع روابط مواضيعك
بها مكان الرابط هذا
http://tjarp.arab.st وتضع لها اسماء يركب الكود هتمل وهذه صورة من الشرح
وهذا الكود
الكود: <br /> <table style="background-color:#CCCCFF;border-top:medium solid #1B507A;border-bottom:medium solid #1B507A; width: 664px; height: 30px;" align="center" border="0" cellpadding="-0" cellspacing="0"> <tbody> <tr> <td style="text-align: center;"> <div class="widget-content"> <select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;"> <option class="labtit">الأقسام</option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الاول </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثاني </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثالث </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الرابع </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الخامس </option> <option value="http://tjarp.arab.st/">القسم السادس </option></select> </div> </td> <td style="text-align: center;"> <div class="widget-content"> <select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;"> <option class="labtit">الأقسام</option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الاول </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثاني </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثالث </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الرابع </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الخامس </option> <option value="http://tjarp.arab.st/">القسم السادس </option></select> </div> </td> <td style="text-align: center;"> <div class="widget-content"> <select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;"> <option class="labtit">الأقسام</option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الاول </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثاني </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثالث </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الرابع </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الخامس </option> <option value="http://tjarp.arab.st/">القسم السادس </option></select> </div> </td> <td style="text-align: center;"> <div class="widget-content"> <select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;"> <option class="labtit">الأقسام</option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الاول </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثاني </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثالث </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الرابع </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الخامس </option> <option value="http://tjarp.arab.st/">القسم السادس </option></select> </div> </td> <td style="text-align: center;"> <div class="widget-content"> <select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;"> <option class="labtit">الأقسام</option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الاول </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثاني </option> <option onmousedown="1" value="http://tjarp.arab.st/">القسم الثالث </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الرابع </option> <option onmousedown="1" value="http://tjarp.arab.st/">الفسم الخامس </option> <option value="http://tjarp.arab.st/">القسم السادس </option></select> <style> #LinkList1 a { color: #fff; display: inline-block; font-weight: bold; padding: 7px 10px; text-align: center; text-decoration: none; transition: all 0.8s ease 0s; } #LinkList1 a:hover {background:#0062c4;} #LinkList1 li ul { display: none; position: absolute; z-index: 999; } #LinkList1 li:hover ul{display:block} #cnmulink ul li {float: none;} #cnmulink #sub-menu {padding-top: 4px;} #sub-menu a { background:#000; border-bottom: 10px solid #bbb; padding: 5px 10px; text-align: right !important; width: 150px; } .labeldrob { background:#777; border: 0 none; color: #fff; font: bold 14px droid arabic kufi; height: 40px; padding: 6px; width: 95px; transition: all 0.7s ease 0s; } .labeldrob:hover {background:#0062C4;cursor: pointer;} .labtit:hover {background:#000; cursor:auto;} .labeldrob option { background:#000; border-bottom: 1px solid #ccc; box-shadow: none; padding: 5px 10px; transition: all 0.7s ease 0s; } </style> </div> </td> </tr> </tbody> </table> <p style="text-align: center;"> </p>