Yan Menü 3

1.KODDA DEĞİŞİKLİK YAPMADAN MENÜNÜN NERDE GÖZÜKMESİNİ İSTİYORSAN ORAYA YAPIŞTIR.

<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(media/titlebar.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(media/arrowbullet.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>

2.KODUDA 1. KODUN HEMEN ARDINA EKLE VE DEĞİŞİKLİK YAP.
 

<div class="arrowlistmenu"> <h3 class="headerbar">BAŞLIK 1</h3> <ul> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW1</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW2</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW3</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW4</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW5</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW6</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW7</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">WWEBW8</a></li> </ul> <h3 class="headerbar">BAŞLIK 2</h3> <ul> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">CSS Gallery</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">Menu Gallery</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">Web Design News</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">CSS Examples</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">CSS Compressor</a></li> <li><a href="http://www.wwebw.tr.gg" _fcksavedurl="http://www.wwebw.tr.gg">CSS Forums</a></li> </ul> </div>