منوی شماره 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>
نویسنده علیرضا گلمکانی
شماره کلید 655
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)