- css dikey süper bir menü

css dikey süper bir menü

Kodsistemi

Birinci bölüm

İkinci bölüm

<html> <head> <style type="text/css"> #maviblokmenu{ border: 1px solid black; border-bottom-width: 0; width: 185px; } #maviblokmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #maviblokmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 169px; text-decoration: none; color: white; background-color: #2175dd; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; } * html #maviblokmenu li a{ width: 169px; width: 169px; } #maviblokmenu li a:hover { background-color: #000069; border-left-color: #000099; } #maviblokmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 100% 'Trebuchet MS', Arial, sans-serif; }</style> <meta content="text/html; charset=windows-1254" http-equiv="Content-Type" /> <div id="maviblokmenu" style="width: 171px; height: 315px"> <div class="menutitle">Kodsistemi</div> <ul> <li><a href="http://kodsistemi.tr.gg">Ana Sayfa</a></li> <li><a href="http://kodsistemi.tr.gg">En Yeniler</a></li> <li><a href="http://kodsistemi.tr.gg">Son Düzenlenenler</a></li> <li><a href="http://kodsistemi.tr.gg">Forum</a></li> </ul> <div class="menutitle">Birinci bölüm</div> <ul> <li><a href="http://kodsistemi.tr.gg">Yatay CSS Menü</a></li> <li><a href="http://kodsistemi.tr.gg">Düşey CSS Menü</a></li> <li><a href="http://kodsistemi.tr.gg">Resim Effektleri</a></li> <li><a href="http://kodsistemi.tr.gg">Form Effektleri</a></li> <li><a href="http://kodsistemi.tr.gg">Kutu & Şekiller</a></li> <li><a style="border-bottom-color: black" href="http://kodsistemi.tr.gg">Link menü</a></li> </ul> <div class="menutitle">İkinci bölüm</div> <ul> <li><a href="http://kodsistemi.tr.gg">MyDesign</a></li> <li><a href="http://kodsistemi.tr.gg">HazırKod</a></li> <li><a href="http://kodsistemi.tr.gg">Aspİndir</a></li> <li><a href="http://kodsistemi.tr.gg">PHP</a></li> <li><a style="border-bottom-color: black" href="http://www.javascriptindir.com">Üçüncü bölüm</a></li> </ul> </div> <strong><br />