منوی شماره 6

خطا - صفحه را دوباره بارگذاری کنید

کدهای منوی شماره 6 :


<!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_6{
        list-style:none;
        direction:rtl;
        font:11px tahoma;
        text-align:center;
        margin:10px;
        padding:0;
        display:block;
        background: #cdeb8e;
        background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
        background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
        background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
        background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
        background: linear-gradient(top bottom, #cdeb8e 0%,#a5c956 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
        border:1px #ccc solid;
        border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        -webkit-border-radius:5px;
        -o-border-radius:5px;
        -khtml-border-radius:5px;
}
.menu_6 li{
        display:inline-block;
        text-align:center;
}
.menu_6 a{
        text-decoration:none;
        display:block;
        padding:5px;
        margin:5px;
        color:#000;
        font:11px tahoma;
        -moz-transition:all 0.2s ease-out;
        -o-transition:all 0.2s ease-out;
        -khtml-transition:all 0.2s ease-out;
        -webkit-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
        border-radius:100px;
        -moz-border-radius:100px;
        -ms-border-radius:100px;
        -webkit-border-radius:100px;
        -o-border-radius:100px;
        -khtml-border-radius:100px;
}
.menu_6 a:hover{
        background: #a5c956;
        padding:10px;
        margin:0;
        color:#000;
}
</style>

</head>

<body>

<ul class="menu_6">
        <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>
نویسنده علیرضا گلمکانی
شماره کلید 656
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 2 2 0
سارا
۱۳۹۵/۱۰/۱۹
۱۳:۳۵

سلام من میخوام این منو زیر منو هم داشته باشه میشه کمک کنید تا بتونم زیر  منو هم بسازم؟

فائزه
۱۳۹۸/۱۰/۱۴
۰۸:۵۵

خیلی ممنونم از کد خوبتون

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