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 (: