Forum'da ara:
Ara


Yazar Mesaj
Mesaj15.06.2009, 23:14 (UTC)    
Mesaj konusu: css menu yapımı

Css de menu yapımında çok sorun yaşıyormuş arakadaşlarımız bir el atayım dedim menuyu liste yi editleyerek yapacaz
İlk olarak html kodumuzu hazırlayalım
Kod:

 <ul class="menu">
<li><a href="index.html">Ana Sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="urunler.html">Ürünler</a></li>
</ul>

sonra ise
Arrow list-style-type: none; ile liste noktalarını kaldırıyoruz
Arrow display: inline; ilede linkleri yan yana diziyoruz
Kod:

ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.menu li {
   display: inline;
}

Arrow text-decoration: none; ile linklerin altındaki çizgiyi kaldırıyoruz
Arrow padding; ile de biraz genişletiyoruz
Kod:

ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.menu li {
   display: inline;
}
ul.menu li a {
    text-decoration: none;
    padding: 0 5px;
}

Arrow Renk kodlarımızı koyuyoruz ve hover özelliği veriyoruz
Kod:

ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.menu li {
   display: inline;
}
ul.menu li a {
    text-decoration: none;
    padding: 0 5px;
    color: #3b3b3b;
    background-color: #ccc;
}
ul.menu li a:hover
{
background-color: #999;
}

kodumuzun son hali (html)
Kod:


<style type="text/css">
ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.menu li {
   display: inline;
}
ul.menu li a {
    text-decoration: none;
    padding: 0 5px;
    color: #3b3b3b;
    background-color: #ccc;
}
ul.menu li a:hover
{
background-color: #999;
}
</style>
 <ul class="menu">
<li><a href="index.html">Ana Sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="urunler.html">Ürünler</a></li>
</ul>
Mesaj15.06.2009, 23:16 (UTC)    
Mesaj konusu:

arka planı renk yerine

Kod:
background: url(resim urlsi);


diye yapabiliriz.ben sitemde 2 resim ile hover menüü olutşrdum.güzel bir şey.

teşekküler.
______________
Özel mesajlara bakmıyorum bile...
Mesaj15.06.2009, 23:20 (UTC)    
Mesaj konusu:

hyperend yazmış:
arka planı renk yerine

Kod:
background: url(resim urlsi);


diye yapabiliriz.ben sitemde 2 resim ile hover menüü olutşrdum.güzel bir şey.

teşekküler.

ben teşekür ederim
Yarın güzel bir resimli menu yapımını bide css'e başlangıç derslerinide koyacağım onları resimli hazırlayacağım zaten
Mesaj16.06.2009, 09:09 (UTC)    
Mesaj konusu:

Konu değil sabtlenme bakılmamış bilene okunmamış en azından bir teşekürü çok görmemeliyiz gelen konularda hep soru biraz sabitleseler anlatmamıza izin verseler her sorunlarını kendileri çözecekler
Mesaj16.06.2009, 09:52 (UTC)    
Mesaj konusu:

insanlar kendileri birşey yapmak istemiyorlar malesef...
hazır tasarım diye açsaydın konuyu 100 tane mesaj alırdın Smile
Mesaj16.06.2009, 10:00 (UTC)    
Mesaj konusu:

teşekkürler Wink emeğe saygımız sonsuz
______________
Mesaj16.06.2009, 10:52 (UTC)    
Mesaj konusu:

aynen valla ben mesela günde kaç mesaj alıyorum banada tasarım yap diye Smile ben bıtım olmaz demekten bıkmadılar yap diye diye...
______________
Özel mesajlara bakmıyorum bile...
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu