منوی شماره 2
کدهای منوی شماره 2 :
<!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_2{list-style:none;margin:0px;padding:0px;font:11px Tahoma;background:#eee;height:40px;direction:rtl;text-align:right;border:1px #ddd solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
.menu_2 li{border-left:1px #ddd solid;height:30px;float:right;padding-top:10px;}
.menu_2 li:hover a{background:#ddd;padding:10px 10px 18px 10px;}
.menu_2 a{font:11px Tahoma;text-decoration:none;padding:10px 10px 18px 10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
</style>
</head>
<body>
<ul class="menu_2">
<li><a href="#">منوی اول</a></li>
<li><a href="#">منوی دوم</a></li>
<li><a href="#">منوی سوم</a></li>
<li><a href="#">منوی چهارم</a></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_2{list-style:none;margin:0px;padding:0px;font:11px Tahoma;background:#eee;height:40px;direction:rtl;text-align:right;border:1px #ddd solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
.menu_2 li{border-left:1px #ddd solid;height:30px;float:right;padding-top:10px;}
.menu_2 li:hover a{background:#ddd;padding:10px 10px 18px 10px;}
.menu_2 a{font:11px Tahoma;text-decoration:none;padding:10px 10px 18px 10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
</style>
</head>
<body>
<ul class="menu_2">
<li><a href="#">منوی اول</a></li>
<li><a href="#">منوی دوم</a></li>
<li><a href="#">منوی سوم</a></li>
<li><a href="#">منوی چهارم</a></li>
<li><a href="#">منوی پنجم</a></li>
</ul>
</body>
</html>
دسته بندی کدهای آماده برای منو
نویسنده علیرضا گلمکانی
شماره کلید 652
گزینه ها 
نظرات 0 0 0