Arkadaşlar yaklaşık üç aydır siteyle ilgilenmiyorum sebeb-i özel sorunlardan kaynaklı fakat artık tasarımlara devam edicem eski tasarımların linkleri kırılmıştı tüm tasarımları içeren bir arşiv yaptım arşivi indirerek tüm tasarımları görebilirsiniz...

Değerlendirme Konumuza Mesaj Bırakırsanız Seviniriz... |  
Buradasın: Css Dikey Menu Yapmak -
Son Eklenenler

KingThemes.Tr.GG | WEBMASTER-TEMALAR-WORDPRESS-JOOMLA-OYUNLAR

Css Dikey Menu Yapmak

Uzun Süren Bir aradan sonra kendime ayırabildiğim vakti birşeyler ile değerlendirmek istedim bir dikey menü yaptım
HTML kodlarmızla başlayalım bakalım
 


Yukarıda gördüğünüz gibi DL sıralı liste kodlarını kullandım UL de kullanılabilirdik ama bu sefer farklı olsun istedim.
Geçelim css kısmına ;
 

 
Menümüze font özellikleri ve genişlik değeri verdik.
 

 
Menü başlığımız için arka plan resmi verdik yükseklik değeri verdik ve margin değerini sıfırladık font boyutu ve renk değeri verdik.
 

 
td kodunun üst kısmına border uyguladık gükseklik verdik font boyutun verdik ve yüksekliğin taşmaması için overflow hidden kodunu kullandık
 
a koduna blok görünümü ve yükseklik verdik genişlik verdik linklerimize alt çizgi koymadık ve renklendirip sola yasladık son olarak arkapan resmi atadık

 


ve bitti işte kodları
 

Örnek Görünümü ;
Linkleri kırık olan tasarımları indiremiyorsanız tüm arşivi tümüyle indirebilirsiniz...
İndirmek için TIKLAYIN
Üye Girişi
Kullanıcı adı:
Şifre:
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol