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.
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.
Kod:
<li><a href="Site Adresi">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.. Anlatım: İnformess ______________ -Kul der ki; "İşlerimi halledip, Rabbime yöneleyim."
Rabbi der ki; "Bana yönelin, işlerinizi halledeyim."
En son informess tarafından 10.03.2010 12:01:05 tarihinde değiştirildi, toplam 1 kere değiştirildi
Çerezler küçük bilgi verici metinlerdir, bizim veya iş ortaklarımızın tarayıcınız aracılığıyla size ulaşmamızı sağlar.
Tarayıcınızdaki ayarları değiştirerek istediğiniz zaman çerez kullanımını engelleyebilirsiniz.
Genel Veri Koruma Yönetmeliği ile uyumlu aşağıdaki çerezleri kullanıyoruz:
- Temel çerezler: Web sitesinin tam olarak işlevsel olması için kesinlikle gereklidir.
- Opsiyonel Çerezler: İsteğe bağlı çerezlerdir ve web sitesini geliştirmemize yardımcı olur, ör. sizi kişisel olarak tanımlamadan web sitesindeki kullanım davranışınızın analiz edilmesi gibi.
Gizlilik politikamızdan daha fazla bilgiye ulaşabilirsiniz.
