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:

Bu sayfa hakkındaki yorumlar:

Yorumu gönderen: Thoun, 30.06.2013, 22:38 (UTC):
I used Scratch with year 5s. I started by leinttg them play and experiment. I was learning alongside them and every now and then we'd stop and share something cool that someone had discovered. We then looked at the examples and magpied them to make our own racing games etc. It culminated in designing our own very simple Angry Birds levels. Great fun and a fab way to introduce children to programming!

Bu sayfa hakkında yorum ekle:

İsminiz:
Mesajın:

Sayfa Icerigi

bl0gger

Glossy Vertical Menu

Glossy Vertical Menu