Sayfa Icerigi

Glossy Vertical Menu

Yazan: ABAZAR

Bu farenin bir bağlantı üzerinden hareket ettiğinde değişiklikler ince, yinelenen arka plan görüntüsü kullanan bir CSS dikey menü.Görüntü bağlantılar arasında güzel bir ayrılık oluşturmak altındaki girinti görünümlü parlak.

Demo:

css yatay menu ornekleri 15 CSS ile dikey menü örnekleri

CSS:

<style type="text/css">
    .glossymenu{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 170px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    }
    .glossymenu li a{
    background: white url(media/glossyback.gif) repeat-x bottom left;
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    }
    * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 160px;
    }
    .glossymenu li a:visited, .glossymenu li a:active{
    color: white;
    }
    .glossymenu li a:hover{
    background-image: url(media/glossyback2.gif);
    }
    </style>

HTML:

Sayfa Icerigi

bl0gger

Glossy Vertical Menu

Glossy Vertical Menu