منوی شماره 5
کدهای منوی شماره 5 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.menu_5,.menu_5{
list-style:none outside none;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
.menu_5 ul{
position:relative;
top:-500px;
left:0px;
overflow:hidden;
z-index:-100px;
list-style:none outside none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menu_5 li{
float:right;
display:block;
position:relative;
direction:rtl;
text-align:center;
border:thin #fff groove;
background:#444;
color:#fff;
padding:5px;
height:20px;
width:100px;
}
.menu_5 li:hover{
background:#000;
}
.menu_5 li:hover a{
color:#00B4FF
}
.menu_5 li:hover ul{
top:0px;
left:0px;
overflow:visible;
width:100px;
}
.menu_5 li a{
color:#fff;
text-decoration:none;
}
.menu_5 ul li{
width:100%;
}
.menu_5 li a{
float:none;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
.menu_5 ul li:hover > a {
color: #fff;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
</style>
</head>
<body>
<ul class="menu_5">
<li><a href="#">منوی اول</a></li>
<li><a href="#">منوی دوم</a>
<ul>
<li><a href="#">زیرمنوی اول</a></li>
<li><a href="#">زیرمنوی دوم</a></li>
<li><a href="#">زیرمنوی سوم</a></li>
</ul>
</li>
<li><a href="#">منوی سوم</a>
<ul>
<li><a href="#">زیرمنوی اول</a></li>
<li><a href="#">زیرمنوی دوم</a></li>
<li><a href="#">زیرمنوی سوم</a></li>
</ul>
</li>
<li><a href="#">منوی چهارم</a></li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.menu_5,.menu_5{
list-style:none outside none;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
.menu_5 ul{
position:relative;
top:-500px;
left:0px;
overflow:hidden;
z-index:-100px;
list-style:none outside none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menu_5 li{
float:right;
display:block;
position:relative;
direction:rtl;
text-align:center;
border:thin #fff groove;
background:#444;
color:#fff;
padding:5px;
height:20px;
width:100px;
}
.menu_5 li:hover{
background:#000;
}
.menu_5 li:hover a{
color:#00B4FF
}
.menu_5 li:hover ul{
top:0px;
left:0px;
overflow:visible;
width:100px;
}
.menu_5 li a{
color:#fff;
text-decoration:none;
}
.menu_5 ul li{
width:100%;
}
.menu_5 li a{
float:none;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
.menu_5 ul li:hover > a {
color: #fff;
font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}
</style>
</head>
<body>
<ul class="menu_5">
<li><a href="#">منوی اول</a></li>
<li><a href="#">منوی دوم</a>
<ul>
<li><a href="#">زیرمنوی اول</a></li>
<li><a href="#">زیرمنوی دوم</a></li>
<li><a href="#">زیرمنوی سوم</a></li>
</ul>
</li>
<li><a href="#">منوی سوم</a>
<ul>
<li><a href="#">زیرمنوی اول</a></li>
<li><a href="#">زیرمنوی دوم</a></li>
<li><a href="#">زیرمنوی سوم</a></li>
</ul>
</li>
<li><a href="#">منوی چهارم</a></li>
</ul>
</body>
</html>
دسته بندی
کدهای آماده برای منو
نظرات 0 0 0