KODSİSTEMİ - Dikey menü

www.kodsistemi.tr.gg

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

Bugün 6 ziyaretçi (10 klik) kişi burdaydı!

Sola Kaydır

geovisite

Aşağı doğru inen reklamı sola kaydırmak için reklamın altındaki butonu tıklayın reklam sola geçer. Soldayken yaptığınızda sağa geçer.

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol