forumbilgici

/*Credits: Dynamic Drive CSS Library */

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

.urbangreymenu{

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

}

.urbangreymenu .headerbar{

font: bold 13px Verdana;

color: white;

background: #606060 url(http://i.imgur.com/zyqcJ.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/

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

text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}

.urbangreymenu ul{

list-style-type: none;

margin: 0;

padding: 0;

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

}

.urbangreymenu ul li{

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

}

.urbangreymenu ul li a{

font: normal 12px Arial;

color: black;

background: #E9E9E9;

display: block;

padding: 5px 0;

line-height: 17px;

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

text-decoration: none;

}

.urbangreymenu ul li a:visited{

color: black;

}

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

color: white;

background: black;

}

</style>

<div class="urbangreymenu">

<h3 class="headerbar">MENÜ 1</h3>

<ul>

<li><a href="http://www.kodbul.org">Html Kodları</a></li>

<li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li>

<li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li>

<li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li>

</ul>

<h3 class="headerbar">MENÜ 2</h3>

<ul>

<li><a href="http://www.kodbul.org">Html Kodları</a></li>

<li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li>

<li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li>

<li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li>

</ul>

</div>