YanMenuYapimi

Merhaba arkadaşlar bu anlatımımızda yan menü yapacağız.
Öncelikle HTML kodumuzu oluşturalım.Bu kodu menünün nerede görünmesini istiyorsanız oraya koyacaksınız.
<dl class="menu">
<dd>MENÜ</dd>
<dt><a href="#">Ana Sayfa</a></dt>
<dt><a href="#">İletişim</a></dt>
</dl>

Gelelim css kodlarına.Bu kodları css kısmına ekleyeceksiniz.Eğerki ıceblue veya red gibi  tr.gg tasarımları kullanıyorsanız kodların başına<style> sonunada </style> taglarını koyun.Ve tasarım üstüne ekleyin.
dl.menu {
width:200px;
border: 1px solid gray;
font-family: Verdana,Arial,sans-serif;
font-weight:bold;
}
dl.menu dd {
height:24px !important; /* Modern Tarayıcılar için */
height:30px; /* İE6 için */
background: url(menu) 0 -50px no-repeat;
padding: 6px 0 0 3px;
margin:0;
font-size: 14px;
color: lightyellow;
}
/* WwebW Satır Bas. */
dl.menu dt {
border-top: 1px solid silver;
height: 25px;
font-size: 12px;
overflow: hidden;
}
dl.menu dt a {
display block;
height: 25px;
width: 100%;
padding: 5px 0 0 22px;
float: left;
text-decoration: none;
background: #fff url(menu.png) top left no-repeat;
color: gray;
}
dl.menu a:hover {
background: #fff url(menu.png) 0 -25px no-repeat;
color:#FF6464;
text-decoration: none;
}
/* WwebW Menu Bitisi */

Menu.png gördüğünüz yerlere şu resim urlsini ekleyin.



Önizleme şekildeki gibidir.
KAYNAK:
Blackinci



Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::21.10.2011, 19:05 (UTC)
kodcudost
kodcudost
Kapalı

işe yaramaz

Yorumu gönderen: dphvezai, 24.05.2011, 11:47 (UTC):
V8jkis <a href="http://jjiblwdnqhtu.com/">jjiblwdnqhtu</a>

Yorumu gönderen: Flossy, 24.05.2011, 02:24 (UTC):
Wow! That's a really neat aneswr!

Yorumu gönderen::27.03.2011, 08:30 (UTC)
wwebw
wwebw
Kapalı

Linkler # ile gösterilen yerlere gelecektir.Yorumlar için tşkrler.

Yorumu gönderen::14.03.2011, 13:39 (UTC)
sanalikaodulluyarismalar1
sanalikaodulluyarismalar1
Kapalı

Çok güzel anlatım Teşekkürler..

Yorumu gönderen::08.03.2011, 16:23 (UTC)
korkmaz-site582
korkmaz-site582
Kapalı

Peki linkleri nereye koyucam.

Yorumu gönderen::18.02.2011, 17:25 (UTC)
eylencedahil
eylencedahil
Kapalı

Başarılar..



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=