A n a S a y f a
I l e t i s i m
H a k k i m i z d a
T o p L i s t
Y o r u m Y a p
D e s t e k O l

Sayfa Icerigi

bl0gger

Bevel Vertical Menu

Demo:

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

The CSS:

<style type="text/css">
    .bevelmenu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
    }
    .bevelmenu li a{
    display: block;
    width: 100%;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: bold;
    background-color: #FFF2BF;
    border: 2px solid #FFF2BF;
    text-decoration:none;
    }
    .bevelmenu li a:hover{
    color: black;
    background-color: #FFE271;
    border-style: outset;
    }
    html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
    border-style: inset;
    }
    </style>

The HTML:

<ul class="bevelmenu">
    <li><a href="http://www.dynamicdrive.com/" >Dynamic Drive</a></li>
    <li><a href="http://www.dynamicdrive.com/style/" >CSS Library</a></li>
    <li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
    <li><a href="http://www.javascriptkit.com/domref/">DOM  Reference</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.codingforums.com/">Coding Forums</a></li>
    </ul>

Ekleyen: ABAZAR

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol