منوی شماره 7

کدهای آماده برای طراحی وب سایت

دسته بندی ( ۶۳ آموزش )

نمایش دسته بندی ها (۶۳ آموزش)

کدهای آماده برای منو 7

کدهای آماده برای نمایش لینک 1

کدهای آماده برای موس 1

کدهای آماده برای فرم ها 15

کدهای آماده برای زمان و تاریخ 16

کدهای آماده برای محاسبه گرها 23

منوی شماره 7

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

<!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>

@font-face {

        font-family: 'B Kamran';

        src: url('http://www.font-api.ir/fontsdir/34.eot');

        src: local('☺'), url('http://www.font-api.ir/fontsdir/34.woff') format('woff'), url('http://www.font-api.ir/fontsdir/34.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/34.svg') format('svg');

        font-weight: normal;

        font-style: normal;

}

.menu_7 {

        list-style:none;

        margin:0;

        padding:0;

        direction:rtl;

        font-family:'B Kamran',BKamran,tahoma;

        font-size:17px;

}

.menu_7 li{

        float:right;

        margin-left:5px;

        border:1px #111 solid;

        border-radius:5px;

        -moz-border-radius:5px;

        -ms-border-radius:5px;

        -webkit-border-radius:5px;

        -o-border-radius:5px;

        -khtml-border-radius:5px;

        background:#666;

        color:#fff;

        transition:all 0.5s ease;

        -moz-transition:all 0.5s ease;

        -o-transition:all 0.5s ease;

        -ms-transition:all 0.5s ease;

        -khtml-transition:all 0.5s ease;

        -webkit-transition:all 0.5s ease;

}

.menu_7 a{

        text-decoration:none;

        padding:10px;

        color:#fff;

        font-family:'B Kamran',BKamran,tahoma;

        font-size:17px;

        font-weight:bold;

}

.menu_7 li:hover{

        border:1px #333 solid;

        background:#444;

}

</style>

</head>

<body>

<ul class="menu_7">

        <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>