אני לא יכול לערוך אבל זה נעשה ב JavaScript ן CSS
הCss הוא כזה:
קוד:
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav a {
color:#ffffff;
font-family:arial;
font-size:10px;
text-decoration:none;
padding:3px;
background-color:#4C83A1;
border-bottom:1px solid #000000;
display: block;
text-align:center;
}
#nav a:hover {
color:#005BB2;
font-family:arial;
font-size:10px;
text-decoration:none;
padding:3px;
background-color:#dadada;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
display: block;
text-align:center;
}
#nav li {
float: left;
}
#nav li ul {
position: absolute;
display: none;
}
#nav li:hover ul {
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
display: block;
}
.ups_menu {
font-family:tahoma;font-size:9px;font-weight:none;color:#6C6C6C;text-decoration:none;
}
והתפריט עצמו:
קוד:
<ul id="nav">
<li style='width:87px;'>
<a href="#" style='border:0px;padding:0px;'><img src='pic/240720050724-15.gif' width='87' height='24' border='0' border='0'></a>
<ul style='width:87px;'>
<li> <a href='http://www.lehava.org/content/madregot/main/main_madregot.html' style='width:87px;'>מסלול התוכן</a> </li>
<li> <a href='http://www.lehava.org/content/madregot/manue/course/course.html' style='width:87px;'>קורסים</a> </li>
<li> <a href='http://www.lehava.org/content/madregot/manue/mesimot/mesimot.html' style='width:87px;'>משימות מתוקשבות</a> </li>
<li> <a href='http://www.lehava.org/content/madregot/manue/sadnaot/sadnaot.html' style='width:87px;'>סדנאות</a> </li>
<li> <a href='http://www.lehava.org/content/madregot/manue/sifria_d/sifria_d.html' style='width:87px;'>ספריה דיגיטאלית</a> </li>
<li> <a href='http://www.lehava.org/content/madregot/manue/atarim_pay/atarim_pay.html' style='width:87px;'>אתרים בתשלום</a> </li>
</ul>
</li>
</ul>