Css Listing ile dikey menüler oluşturmak

15.06.2011 11:21

FatihToprak www.fatihtoprak.com Kimlik Onayı

Üyelik 13.06.2011
Yaş/Cinsiyet 39 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad F** T**
Mesajlar 577
Beğeniler 65 / 67
Ticaret 0, (%0)

Buradan bir arkadaş ve gelen istekler doğrultusunda temel css örnekleri ile, dikey menü nasıl yapılır , listeleme şeklinin mantığı nedir ? sorularından çıkarak, bir makale hazırladım.

Yazının tamamını burada paylaşmıyorum malum içerik kopyalanması durumu (:

Bir örnek burada ekliyorum ve devamını altındaki linkten bulabilirsiniz diyorum.

İyi çalışmalar.

Html Kodu:







Başlık 1

Başlık 2

Başlık 3

Başlık 4

Başlık 5

CSS Kodu:



#liste

{

padding: 1px;

margin-left: 0;

font: bold 12px Verdana, sans-serif;

border: 2px solid;

border-color: #AAA #666 #666 #AAA;

background: #CCC;

width: 13em;

}

 

#liste li

{

list-style: none;

margin: 0;

padding: 0.25em 1em;

border: 1px solid;

border-color: #FFF #AAA #AAA #FFF;

text-align: center;

}

 

#liste li a { text-decoration: none; }

#liste li a:link { color: black; }

#liste li a:visited { color: gray; }

Tüm örnekler için :
http://fatihtoprak.com/css-listeleme-teknikleri-css-ipuclari-1.html

Not:İpuçlarını yavaş yavaş fazlalaştıracağım makaleler olacak (:

15.06.2011 16:24

#2

AlpEreN Sms Onayı Gerekli Banlı Kullanıcı

Üyelik 28.03.2011
Yaş/Cinsiyet 37 / E
Meslek Öğretmen
Konum

Ad Soyad A** S**
Mesajlar 633
Beğeniler 0 / 3
Ticaret 0, (%0)

Ekran görüntüleri de olsaymış keşke kardeşim,

Saygılar

15.06.2011 17:48

#3

FatihToprak www.fatihtoprak.com Kimlik Onayı

Üyelik 13.06.2011
Yaş/Cinsiyet 39 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad F** T**
Mesajlar 577
Beğeniler 65 / 67
Ticaret 0, (%0)

Zamanım kısıtlı idi konuyu hazırladığımda onları atladım .

Olurda deneyip ekleyen olursa benim için blog dada güzel olurlar (:

şu elimdeki işi bitirince eklemeyi hedefliyorum (: sağol @alperen

15.06.2011 17:59

#4

AlpEreN Sms Onayı Gerekli Banlı Kullanıcı

Üyelik 28.03.2011
Yaş/Cinsiyet 37 / E
Meslek Öğretmen
Konum

Ad Soyad A** S**
Mesajlar 633
Beğeniler 0 / 3
Ticaret 0, (%0)

bu işlerde özellikle CSS ya da tasarımda görsellik önemli ki zaten amacı görsellik diye düşünüyorum :)

Saygılar...

15.06.2011 22:00

#5

FatihToprak www.fatihtoprak.com Kimlik Onayı

Üyelik 13.06.2011
Yaş/Cinsiyet 39 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad F** T**
Mesajlar 577
Beğeniler 65 / 67
Ticaret 0, (%0)

ben konuyu alacak arkadaşların hafifte olsa orta duzeyde css bildiğini kabul ettim zaten makalede o nedenle ama 2. makale devamı nıtelıgınde olacak ve ufak ss ler olacak tavsiyen için teşekkürler (:

Ek Olarak: konuya ek olarak ikinci makaleyi hazırladım. Ve Alperen 'in de tavsiyesi üzerine ikinci makale önizlemeli oldu.

Buyrun yatay css menüleri :

http://fatihtoprak.com/css-listeleme-teknikleri-css-ipuclari-2.html

Örneklerden bazıları :

iyi çalışmalar.

Css Listing ile dikey menüler oluşturmak

Üye Girişi Yap