Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Kendi Menünüzü Hazırlayın..!
#1
Merhaba arkadaşlar.. Burada hemen herkesin (css tasarım kullananların) en büyük sorunlarından bir tanesi menülerdir... Çok önceden paylaşmış fakat genel bir anlatım yapamamıştım.. İşte genel anlatım hazırladım... Hem resimleri inceleyip öğrenin, hemde kendinize bir menü tasarlayın...

Öncelikle Kod ve İşlevi
( Tanıtmak için resim kullandım.. Ana kod sayfanın en altındadır )

linkeklemegenisanlatim4.png

Yeni Menü Elemanı Eklemek

linkeklemegenisanlatim2.png

Kodlar

Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#linkhover ul li a {
background-color: #;
display: block;
height: auto;
width: 248px;
color: #fff;
text-decoration: none;
padding: 1px;
border: 1px solid #;
background-image: url( Menünün üzerine gelinmeden önceki hali );
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left: 5px;
color: #fff;
background-image: url( Menünün üzerine gelindikten sonraki hali );
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><div style="text-align: left; "><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a></div></li>
    </ul>
    </div>
</ul>
</div>
Cevapla
#2
ayrıntılı anlatım ve güzel konu başarılar
Cevapla
#3
Teşekkürler Smile
Cevapla
#4
Ellerine sağlık, Mert Smile
Ara
Cevapla
#5
Rica ederim ne demek Smile
Cevapla
#6
Çok Yararlı Bir Konu Olacağından Hiç Şüpem Yok.+Rep
~Geçmişini Bilmeyen,Geleceğini Bilemez~
~Frabelez~
Cevapla
#7
Sağ olun Smile Yeni anlatımlar, yeni konularla geliyoruz Smile
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -