hamed_hossani
جمعه 03 آذر 1391, 15:14 عصر
کد html
<div class="menuContent"><ul><li> <a class="item" href="#" iditem="12" title="video">نماها</a><ul><li> <a class="item" href="#" iditem="14" title="ویدیو ها">جنگ تحمیلی</a><ul><li> <a class="item" href="#" iditem="29" title="">ایت الله قمfgfgی</a><ul><li> <a class="item" href="#" iditem="30" isleaf="true" style="color:green;background:white;" title="">ایت الله قمی</a></li></ul></li></ul></li></ul></li></ul><ul><li> <a class="item" href="#" iditem="13" title="صوتی">نواها</a><ul><li> <a class="item" href="#" iditem="21" title="سال 1391">سخنرانی ها</a><ul><li> <a class="item" href="#" iditem="28" isleaf="true" style="color:green;background:white;" title="">ایت الله قمی</a></li></ul></li></ul></li></ul><ul><li> <a class="item" href="#" iditem="20" isleaf="true" style="color:green;background:white;" title="fh">یای</a></li></ul></div>
کد html
.menuContent
{
direction:rtl;
float: none;
padding: 0px;
margin:0px;
height:25px;
font-family:tahoma;
width:100%;
text-align:center;
}
.menuContent ul li{
float:right;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left:10px;
position:relative;
height:25px;
list-style-type: none;
border-left-width: 1px;
border-right-style: ridge;
}
.menuContent ul li ul{
list-style-type: none;
border: 1px solid #000;
padding-top: 0px;
padding-right: 2px;
padding-bottom: 1px;
padding-left:2px;
background-color: #CCC;
float: none;
position: absolute;
top: 24px;
right:0px;
display:none;
}
.menuContent ul li ul li{
float: none;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left:10px;
position:relative;
width:100px;
}
.menuContent ul li ul li ul{
position:absolute;
right:118px;
top:0px;
padding:0px;
margin:0px;
display:none;
}
.menuContent ul li ul li ul li{
float: none;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left:10px;
position:relative;
}
.menuContent ul li:hover ul li ul,
.menuContent ul li ul li:hover ul li ul,
.menuContent ul li ul li ul li:hover ul li ul,
.menuContent ul li ul li ul li ul li:hover ul li ul,
.menuContent ul li ul li ul li ul li ul li:hover ul li ul
{
display: none;
}
.menuContent ul li:hover ul,
.menuContent ul li ul li:hover ul,
.menuContent ul li ul li ul li:hover ul,
.menuContent ul li ul li ul li ul li:hover ul
{
display: block;
}
.menuContent li a
{
text-decoration: none;
font-family:Tahoma;
font-size:small;
}
.menuContent ul li:hover {
background-color: #FCF;
background-color:Gray;
border: 1px solid #000;
margin-right: 1px;
margin-left: 1px;
}