forumbilgici

/*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://i.imgur.com/OQJIT.png) 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://i.imgur.com/TrsrP.png) 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.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">CSS Drive</h3>

<ul>

<li><a href="http://www.kodbul.org">Link 1</a></li>

<li><a href="http://www.fbmlkodu.tr.gg">Link 2</a></li>

<li><a href="http://www.kodbul.piczo.com">Link 3</a></li>

<li><a href="http://www.fikrabaz.tr.gg">Link 4</a></li>

</ul>

</div>