CSS İÇİN HAZIRLANMIŞ DİKEY MENÜ KODU

<!-- FBML-DESTEK.BLOGSPOT.COM -->
<style type="text/css">
#menu {
width: 184px;
border: 1px solid #ccc;
text-align:left;
}
#menu ul {
margin:0;
        padding:0;
}
#menu li a {
  height: 32px;
  voice-family: ""}"";
  voice-family: inherit;
  height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #888;
display: block;
background: url(http://4.bp.blogspot.com/_Kk9Fu7ls_7I/TFyQXjsrbUI/AAAAAAAAAyE/0341jJqjOFs/s1600/33az32x.jpg.gif);
padding: 8px 0 0 30px;
}
#menu li a:hover, #menu li a:active {
color: #283A50;
background: url(http://4.bp.blogspot.com/_Kk9Fu7ls_7I/TFyQXjsrbUI/AAAAAAAAAyE/0341jJqjOFs/s1600/33az32x.jpg.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu ul li {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 11px;
list-style-type:none;
}
</style>
<div id="menu">
<ul>
<li><a href="LİNK GELECEK" title="Duvar"><b>» Duvar</b></a></li>
<li><a href="LİNK GELECEK" title="Bilgiler"><b>»
Bilgiler</b></a></li>
<li><a href="LİNK GELECEK" title="Kurallarımız"  target="_blank"><b>» Kurallarımız</b></a></li>
<li><a href="LİNK GELECEK" title="YouTube" target="_blank"><b>» YouTube</b></a></li>
<li><a href="LİNK GELECEK" title="Videolar" target="_blank"><b>» Video</b></a></li>
<li><a href="LİNK GELECEK" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li>
<li><a href="LİNK GELECEK" title="Notlar" target="_blank"><b>» Notlar</b></a></li>
<li><a href="LİNK GELECEK" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li>
<li><a href="LİNK GELECEK" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li>
<li><a href="LİNK GELECEK" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li>
</ul>
</div>