KODSİSTEMİ - Dikey menü

Dikey menü

DİKEY MENÜ(HOVER)
İstediğiniz kadar link ekleyebilirsiniz(sitenize göre başlığı ve linkleri değiştirin)
GÖRÜNÜM

MENÜLER

KOD:

<br> <br> <head> <style> .menulines{border:2.5px solid #F0F0F0;font-size: 10pt} .menulines a{text-decoration:none;color:black;font-size: 10pt} </style> <script language="JavaScript1.2"> // tatbim web-tasarim hitmezleri --> www.tatbim.com function over_effect(e,state){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") source4.style.borderStyle=state else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") source4.style.borderStyle=state } } } </script> </haed>  <body> <div align="center">   <center>  <table border="1" width="140" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0" bordercolor="#E6E6E6">  <tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>Site Menu</b></font></td></tr>  <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     Birinci </a></font></td></tr>  <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     İkinci link</a></font></td></tr>  <tr><td width="100%" class="menulines" bordercolor="#000000" bgcolor="#FFFFFF"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     Üçüncü link</a></font></td></tr>  <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     Dördüncü link</a></font></td></tr>  <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     Beşinci link</a></font></td></tr> <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://kodsistemi.tr.gg">     Altıncı link</a></font></td></tr></table>    </center> </div> </body>

DİKEY CSS MENÜ
(Kodları sitenize göre değiştirin)

Kodsistemi

Birinci bölüm

İkinci bölüm

KOD:
<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 />