dikey menü

<style type="text/css">



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.arrowlistmenu{

width: 180px; /*width of menu*/

}



.arrowlistmenu .headerbar{

font: bold 14px Arial;

color: white;

background: black url(http://img.webme.com/pic/o/oyungaleri26/ipipi.gif) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 10px; /*header text is indented 10px*/

}



.arrowlistmenu ul{

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(http://img.webme.com/pic/o/oyungaleri26/mavi-ton-kalp.jpg) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}



</style>

<div class="arrowlistmenu">



<h3 class="headerbar">CSS Library</h3>

<ul>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">ana menü</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">forum</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">galeri</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">sohbet</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">hakkımızda</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">css</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">html</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">oyun</a></li>

</ul>



<h3 class="headerbar">CSS Drive</h3>

<ul>

<li><a href="http://www.cssdrive.com">güzel sözlery</a></li>

<li><a href="http://www.cssdrive.com/index.php/menudesigns/">hikayeler</a></li>

<li><a href="http://www.cssdrive.com/index.php/news/">müzik</a></li>

<li><a href="http://www.cssdrive.com/index.php/examples/">oyungaleri26.tr.gg</a></li>

<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">radyo dinle</a></li>

<li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">isteklerin</a></li>

</ul>



</div>