05-02-2012, 09:26
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 )
Yeni Menü Elemanı Eklemek
Kodlar
Öncelikle Kod ve İşlevi
( Tanıtmak için resim kullandım.. Ana kod sayfanın en altındadır )
Yeni Menü Elemanı Eklemek
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>