İnformess - Webmaster ve Teknoloji Sitesi

Informess | Webmaster ve Teknoloji Sitesi

Menu Yapimi

< Css Derslerine Geri Dön < 

Bu dersimiz'de dikey (vertical) menü yapımını anlatacağım..

Öncelikle bir liste oluşturuyoruz ve menümüzdeki yazılara link veriyoruz. Liste kodlarımızı menümüzün nerede gözükmesini istiyorsak o kısma ekleyeceğiz.

Liste kodlarımız:
<ul id="menu">
    <li><a href="http://informess.tr.gg">Ana Sayfa</a></li>
    <li><a href="http://informess.tr.gg/Forum/index.htm">Forum</a></li>
</ul>


<ul id="menu">
bu kodumuz ise menünün css ile eşleşmesini sağlar. Listemizde id'in adı ne ise css'de de öyle olmalıdır.

<li><a href="http://informess.tr.gg">Ana Sayfa</a></li>
<li> deneme </li> kodlarını arttırdıkça menüdeki eleman sayımız da artar...

Şimdi ise menümüze güzel bir görünüm getirmek için css kodlarını ayarlıcaz. Css kodları css design bölümüme eklenmelidir.

#menu  li {
Menümüz üstteki kod gibi başlamalı. Listemiz'de id'e ne ad verdiyseniz css'de de o isim olmalı. Menümüze değerleri verdikten sonra } bu parantez işareti ile kapatmayı unutmuyoruz.. : ) Ayrıca her değerimizin sonuna ; bu işareti ekliyoruz.. Aşağıda menüye değişik değerler vermek için kodlar yazdım. Bu kodlar inceleyerek hayal gücünüze göre bir menü yapabilirsiniz.

background: url(resim urlsi) left center no-repeat;  : Bu kod ile menümüzün sol tarafına bir resim koyabiliriz.
list-style:none;    : Bu kod listemizin solundaki yuvarlak noktaları kaldırır.

Çeşitli renklendirme gibi kodlara internetten ulaşabilirsiniz..

< Css Derslerine Geri Dön < 



Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::16.04.2014, 18:15 (UTC)
yildizteknoiz
yildizteknoiz
Kapalı

Başarılar

Yorumu gönderen::01.01.2013, 11:13 (UTC)
informess
informess
Kapalı

@gslibabad Siten Giriş - Ekstraları Değiştir - Ekstra Ekle bölümünden favicon ekstrasını aktif ederek yapabilirsiniz.

Yorumu gönderen::07.10.2012, 19:32 (UTC)
kuytucakkarapinar
kuytucakkarapinar
Kapalı

basarılar yenı admın

Yorumu gönderen::24.08.2012, 21:23 (UTC)
chickenblog
chickenblog
Kapalı

Güzel bir konu teşekkürler )

Yorumu gönderen::20.12.2011, 14:53 (UTC)
psanlatim
psanlatim
Kapalı

:) Css kodlarınıda açıklasaydın daha ii olurdur.



Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:

Facebook Takip


İnformess İstatistik


  • Ülke: us
  • Sayfa: Menu Yapimi
  • Hit: 2
  • Klik: 49
  • Pagerank: 1

Site İçi Bağlantılar

Takipte Olduklarım

İnformess Bülten

İnformess Mail'e abone olarak yenilikler ve etkinlikler'den ilk siz haberdar olabilirsiniz...


Dikkat! Mail adresinizi yeni açılan sayfada tekrar girip onaylamanız gerekecek.

Hakkımda

2007 Yılında başladığım web site hobime an itibariyle halen devam etmekteyim. Ara verdiğim dönemler oldu bu süre zarfı içerisinde. İnandığım ve başarı istediğim bu yolda yürümek için elimden geleni yapıyorum. İnşallah istediğim yere kadar gelip bir şeyler öğrenebilmiş seviyeye ulaşacağım.=> Devamı...
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=