منوی شماره 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>