sitene htmlkod ekle,sitene hazirkod ekle,sitene icerik ekle,sitene web araclari ekle,sitene saat ekle,sitene arkaplan ekle,sitene takvim ekle,sitene blogcu kod ekle,sitene kod ekle,sitene haber ekle,sitene fal ekle,sitene flash ekle,sitene cerceve ekle,sitene menu ekle,sitene mp3 ekle,sitene radyo ekle,sitene sablon ekle,sitene link ekle

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

Site Menu

Birinci

İkinci link

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

SİTENE KOD EKLE

kod önizleme

17 Ocak 2010 Pazar

Dikey menüler

0 Comments:

Etiketler