CSS Menu Bar Kodu

CSS Hazır Menu Bar Kodu

Kolayca sitenize ekleyebileceğiniz basit bir menü çubuğu kodladım.

• Anasayfa
• Hakkımızda
• Hizmetlerimiz
• Galeri
• İletişim

Menü barın kodlarını aşağıdan kopyalayabilirsiniz.


        <style type="text/css">
        div.menu-kutu{
            background-color:#575141;
            height: 34px;
            width: 600px;
            font-family: arial;
            font-size: 12px;
            font-weight: bold;

        }
        div.menu-kutu ul{
            list-style-type: none;
            float: left;
            margin: 0px;
            padding: 0px;
            border-top:2px solid #1D3327;
            border-bottom:2px solid #1D3327;

        }
        div.menu-kutu ul li{
            width: 120px;
            float: left;
            text-align: center;
        }
        div.menu-kutu ul li a{
            text-decoration: none;
            color:#fff;
            line-height: 30px;
            display:block;
        }
        div.menu-kutu ul li a:hover{
            background-color:#F0E1B9;
            color:#545454;
            font-weight: bold;
        }

        </style>
        <div class="menu-kutu">
            <ul>
                <li><a href="#" title="Anasayfa">Anasayfa</a></li>
                <li><a href="#" title="Hakkımızda">Hakkımızda</a></li>
                <li><a href="#" title="Hizmetlerimiz">Hizmetlerimiz</a></li>
                <li><a href="#" title="Galeri">Galeri</a></li>
                <li><a href="#" title="İletişim">İletişim</a></li>

            </ul>


        </div>