Div ile Bölümler Oluşturmak
Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme ile ilgili bir çalışma
79,628 Okunma 2 Yorum 04/11/2008 16:41:55 31/05/2014 16:44:34
Sırasız listeler(<ul>) ilk olarak listeleme işlemleri için kullanılsa da CSS’in yükselişi ile birlikte menü oluşturmak için kullanılmaya başlandı. Aslında menülerde bir bakıma link listeleri olduğu düşünülürse işlevinin dışında kullanılmadığı da doğru bir tespittir. Kodumuzu yazmaya başlayalım:
Kodlama sonucu görüntü aşağıdaki gibi olacaktır.
Her linkin başındaki imgeleri kaldırmak için:
Bir çok web tarayıcısı sırasız listeleri(<ul>) yorumlarken yukarıda görüldüğü gibi otomatik olarak soldan bir padding/margin(bazı tarayıcılarda padding uygularken bazılarında margin uygular) mesafesi uygular bu mesafeyi sıfırlamak için:
Bu bölüme kadar yazılan kodlamalar hem dikey menüler hem de yatay menüler içinde aynıdır. Ancak bundan sonra dikey menü ve yatay menü için kodlar değişecektir.
Dikey menülerde linkler yukarıdan aşağı doğru sıralanmıştır. Link elementi(a) inline-elementtir, her linke rollover özelliği kazandırmak için:
Biraz görselliği arttırırsak:
Linkler web tarayıcısının genişliği kadar uzayacaktır, kendi istediğimiz genişliğe sahip olmak için:
Linkler arasına biraz boşluk verelim:
Linklerin altındaki çizgileri kaldıralım:
şžimdi linklerimize rollover efekti vermek için a:hover kullanacağız:
son olarak linklerin arasını ayıralım:
İşte menümüzün son hali
Kaynak www.fatihhayrioglu.com/
Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme ile ilgili bir çalışma
79,628 Okunma 2 Yorum 04/11/2008 16:41:55 31/05/2014 16:44:34
CSS'in menü yapımına etkileri
56,444 Okunma 1 Yorum 13/07/2007 17:53:23 28/12/2018 21:20:47
İngilizce bir makaledir.
45,016 Okunma Henüz yorum yapılmamış 18/09/2007 12:16:45
28,388 Okunma Henüz yorum yapılmamış 12/07/2007 16:58:08 31/05/2014 16:58:38
CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek
25,818 Okunma Henüz yorum yapılmamış 10/07/2007 03:35:08
24,651 Okunma Henüz yorum yapılmamış 06/11/2008 15:45:58
22,986 Okunma Henüz yorum yapılmamış 10/07/2007 19:20:09
22,220 Okunma Henüz yorum yapılmamış 13/07/2007 20:15:21 28/05/2014 20:18:55
22,147 Okunma Henüz yorum yapılmamış 09/07/2007 20:36:22
22,142 Okunma Henüz yorum yapılmamış 12/07/2007 18:24:04
Tek parça resim dosyasından ilgili resmi css ile gösterme çağrı
21,996 Okunma Henüz yorum yapılmamış 29/02/2008 04:32:10
Height, width, line-height uygulamaları
21,951 Okunma Henüz yorum yapılmamış 09/07/2007 18:09:44
21,893 Okunma 1 Yorum 12/07/2007 17:38:12
21,636 Okunma Henüz yorum yapılmamış 13/07/2007 14:44:46
Konu hakkında üç farklı örnek
21,331 Okunma Henüz yorum yapılmamış 16/07/2007 12:15:53
21,330 Okunma 2 Yorum 10/07/2007 03:02:19 03/12/2016 00:22:52
21,186 Okunma Henüz yorum yapılmamış 10/07/2007 17:58:38
21,140 Okunma Henüz yorum yapılmamış 28/02/2008 12:44:37
20,778 Okunma Henüz yorum yapılmamış 09/07/2007 18:14:13
20,637 Okunma Henüz yorum yapılmamış 09/07/2007 19:12:13
Display, none ve Visibility hidden farkı
20,070 Okunma Henüz yorum yapılmamış 10/07/2007 17:41:12
19,939 Okunma 1 Yorum 12/07/2007 17:55:35
19,920 Okunma 1 Yorum 12/07/2007 18:06:55
18,580 Okunma Henüz yorum yapılmamış 13/07/2007 14:42:26
Bir kaç faydalı cssle yapılan animasyon örneği...
4,310 Okunma Henüz yorum yapılmamış 27/06/2019 10:59:51 27/06/2019 11:21:00