Css Menü Yapımı İsteği

Css - Css Menü Yapımı İsteği Sponsorlu Bağlantılar İlk konuyu ben açmış oldum bu arada... Arkadaşlar Css de menü yapımını anlatabilirmisiniz? (listeleme ile yatay ve dikey hover hallerini vb.)...

Cevapla
Css Menü Yapımı İsteği
SZ isimli Üye şimdilik offline konumundadır

SZ(34)

Grafiker / İzmir

Standart

Css Menü Yapımı İsteği

Alt 17-12-2010 #1
Sponsorlu Bağlantılar

İlk konuyu ben açmış oldum bu arada...
Arkadaşlar Css de menü yapımını anlatabilirmisiniz? (listeleme ile yatay ve dikey hover hallerini vb.)
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 17-12-2010 #2
                             Sponsorlu Bağlantılar
İlk mesaja ilk yanıt benden olsun :smile:

öncelikle html menu kodlarımızı yazıyoruz;

<!-- yatay menu --->
<ul id="menu">
<li><a href="adres">Link</a></li>
<li><a href="adres">Link</a></li>
<li><a href="adres">Link</a></li>
<li><a href="adres">Link</a></li>
<li><a href="adres">Link</a></li>
</ul>

<!--- dikey menu --->
<ul id="menu2">
<li><a href="adres">Link1</a></li>
<li><a href="adres">Link2</a></li>
<li><a href="adres">Link3</a></li>
<li><a href="adres">Link4</a></li>
<li><a href="adres">Link5</a></li>
</ul>
şimdi sıra cssmizi yazmaya geldi;

/*yatay menu için*/
#menu{width:300px;height:30px;line-height:30px;margin:0 auto;background:#ccc;padding:0;}
#menu li{float:left;list-style-type:none;margin:0 5px;}
#menu li a{text-decoration:none;color:#000;}
#menu li a:hover{color:#fff;}

/*dikey menu için*/
#menu2{width:100px;height:200px;background:#ccc;ma rgin:0;padding:0;}
#menu2 li{list-style-type:none;margin:0 5px;}
#menu2 li a{text-decoration:none;color:#000;}
#menu2 li a:hover{color:#fff;}
Birazda anlatalım;
İlk css kodumuzda listeleme yapacağımız elemanın kapsayıcısı olan ul yi actık ve css değerlerini girdik. Bu değerler width=genişlik, height=yükseklik, background=arkaplan rengi, margin:0, default margin değerleri almaması için 0, padding:=margin ile aynı nedenden 0.line-height=yükseklik değerini vererek dikine hizalıyoruz.margin:0 auto ile sayfaya ortaladık(yan menu için)
İkinci kodumuzla listeleri düzenliyoruz. yan menude float:left ile yanyana getiriyoruz, margin ile aralarını acıyoruz.
Üçüncü kodumuzda, linklerimize renk kodu veriyoruz.
Dördüncü kodumuzda, link üstüne gelince değişsecek rengi belirliyoruz.

buda uygulama dosyası indirip kullanabilirsiniz, biraz basit daha farklı isteklere daha kapsamlısınıda yazarız sonra Css Menü Yapımı İsteği
http://www.4shared.com/document/-z7ngjXk/menu.html
Bu mesajdan alıntı yap
uwe isimli Üye şimdilik offline konumundadır

uwe(44)

Webmaster / Çanakkale

Standart
Alt 17-12-2010 #3
Merhaba Arkadaşım bu sitede gerekli bilgileride bulabilirsin.
Bu mesajdan alıntı yap
SZ isimli Üye şimdilik offline konumundadır

SZ(34)

Grafiker / İzmir

Standart
Alt 18-12-2010 #4
Teşekkürler arkadaşar...
Bu mesajdan alıntı yap
kafkas066 isimli Üye şimdilik offline konumundadır

kafkas066

Desinatör / Ankara

Standart
Alt 09-10-2011 #5
Bu mesajdan alıntı yap
salcom isimli Üye şimdilik offline konumundadır

salcom

Eğitimci / Kütahya

Standart
Alt 04-12-2011 #6
Kardeş türkçe ve en iyi anlatım ..................................
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Menü Yapımı? lirik Photoshop Soru ve Sorunlarınız 0 06-05-2010 17:57:57
Menü İsteği Webmosfer Kitap kapağı, broşür, menü vb. 0 09-12-2009 17:23:57
Açılan menü yapımı- show pop-up menü mt_design Dreamweaver 11 09-08-2009 17:44:14
Flash Hazır Menü İsteği genişaçı Flash 3 20-02-2009 17:21:09
Web Sitesinde Transparan Menü Yapımı? kobraercan Web Tasarımı 6 05-09-2008 00:20:40

Kapat
Şifremi Unuttum?