KODBANKS ®

Dikey menü

KOD:

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ff0000;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: yellow;
text-decoration: none;
background: url(http://img836.imageshack.us/img836/2404/kodbanksbutonmavi2.png) no-repeat center right;
padding: 1px 5px;
border: 1px solid #ffff00;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: yellow;
}

.suckerdiv .subfolderstyle{
background: url(http://img340.imageshack.us/img340/3637/kodbanksbutonmavi.png) no-repeat center right;
}

/* Holly Hack for IE */
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

</style>

//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)

</script>

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>

<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Sub Item 2.1.3</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>

Anasayfa

Link adı

KOD:

<table width="175" cellpadding="5" cellspacing="0" border="0">
<tr align="center" valign="top">

<td  align="left" colspan="1" rowspan="1">
<div ID="button">

<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">

<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Anasayfa</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
<table width="140" height="40" cellpadding="0" cellspacing="0" background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif">
<tr align="left" valign="middle">
<td align="center"><a href="#begin" _fcksavedurl="#begin" _fcksavedurl="#begin">Link adı</a></td></tr></table>
</div>
</td></tr></table>
<style type="text/css">
#button a{ font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#000000;text-decoration : none}
#button a:hover{ font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#ff0000;text-decoration : none}
</style>

KOD:

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}
.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}
.sexypanels li a{
background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}
.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}
.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: yellow;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
</style>

<ul class="sexypanels">
<li><a href="http://www.dynamicdrive.com/" _fcksavedurl="http://www.dynamicdrive.com/">»  Anasayfa</a></li>
<li><a href="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" >»  Link adı</a></li>
<li><a href="http://www.javascriptkit.com/jsref/" _fcksavedurl="http://www.javascriptkit.com/jsref/">»  Link adı</a></li>
<li><a href="http://www.javascriptkit.com/domref/" _fcksavedurl="http://www.javascriptkit.com/domref/">»  Link adı</a></li>
<li><a href="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com">»  Link adı</a></li>
<li class="lastitem"><a href="http://www.codingforums.com/" _fcksavedurl="http://www.codingforums.com/">»  Link adı</a></li>
</ul>

KOD:

Menü logolarının en alttan adreslerini alarak istediğiniz kadar çoğaltarak menü hazırlayabilirsiniz

menü

Yatay menü

altta verilen resim url lerini ve yönleneceği sayfa urlesini attaki koda yerleştirerek yan yana gelecek şekilde veya alt alta yerleştirip Yatay,dikey menüler yapabilirsiniz.Hazırladığınız menüyü tasarım üzerindeki yazıya yapıştırın

Kod:

Kod:

http://img11.imageshack.us/img11/5866/kodbanksiiconminiindexoa2.gif

Kod:

http://img11.imageshack.us/img11/1266/kodbanksiconminiportalwy4.gif

Kod:

http://img11.imageshack.us/img11/636/kodbanksiconminifaqma2.gif

Kod:

http://img11.imageshack.us/img11/1073/kodbanksiconminisearchbj9.gif

Kod:

http://img11.imageshack.us/img11/2488/kodbanksiconminimembersgm3.gif

Kod:

http://img11.imageshack.us/img11/7268/kodbanksiconminiprofileyf8.gif

Kod:

http://img11.imageshack.us/img11/4056/kodbanksiconminimessageji4.gif

Kod:

http://img11.imageshack.us/img11/7011/kodbanksiconminiregistevz9.gif

Kod:

http://img11.imageshack.us/img11/6845/kodbanksiconminiloginrg1.gif

Kod:

http://img11.imageshack.us/img11/8094/kodbanksiconminilogoutlu9.gif

Bu Sitenin faydalı olduğunu düşünüyorsanız aşağıdaki bannerlerden birini sitenize koyarak bize destek olabilirsiniz.

Ana sayfa

Forum

Haber

KOD:

<table class="cizimler" cellspacing="0" cellpadding="1" width="96%" align="center" bgcolor="#b3b3b3" background="Resimler/Tema/2009_ustmenum.gif" border="0">
<tbody>
<tr>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><img style="width: 44px; height: 34px" height="17" alt="" width="17" border="0" src="http://img87.imageshack.us/img87/1631/kodbanksanasayfa.jpg" _fcksavedurl="http://img87.imageshack.us/img87/1631/kodbanksanasayfa.jpg" /><br />
<strong><font face="Tahoma" color="#000000" size="2">Ana sayfa</font></strong></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 37px; height: 37px" height="17" alt="" width="17" border="0" src="http://www.msnodev.com/Resimler/menu/foru.gif" _fcksavedurl="http://www.msnodev.com/Resimler/menu/foru.gif" /><br />
<strong>Forum</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 35px; height: 35px" height="17" alt="" width="17" border="0" src="http://img87.imageshack.us/img87/130/kodbankshaber.png" _fcksavedurl="http://img87.imageshack.us/img87/130/kodbankshaber.png" /><br />
<strong>Haber</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 35px; height: 35px" height="17" alt="" width="17" border="0" src="http://www.msnodev.com/Resimler/menu/blog.gif" _fcksavedurl="http://www.msnodev.com/Resimler/menu/blog.gif" /><br />
<strong>Yazılar</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 48px; height: 34px" height="17" alt="" width="17" border="0" src="http://www.msnodev.com/Resimler/menu/15.gif" _fcksavedurl="http://www.msnodev.com/Resimler/menu/15.gif" /><br />
<strong>Resim galeri</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 35px; height: 34px" height="17" alt="" width="17" border="0" src="http://img87.imageshack.us/img87/3569/kodbanksvideo.png" _fcksavedurl="http://img87.imageshack.us/img87/3569/kodbanksvideo.png" /><br />
<strong>Videolar</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 46px; height: 36px" height="17" alt="" width="17" border="0" src="http://www.msnodev.com/Resimler/menu/dosya.gif" _fcksavedurl="http://www.msnodev.com/Resimler/menu/dosya.gif" /><br />
<strong>Dosyalar</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 33px; height: 34px" height="17" alt="" width="17" border="0" src="http://www.msnodev.com/Resimler/menu/zdefter.gif" _fcksavedurl="http://www.msnodev.com/Resimler/menu/zdefter.gif" /><br />
<strong>Z.defteri</strong></font></font></font></font></a></td>
<td class="cizimler" align="center" onmouseout_fckprotectedatt=" onmouseout="this.style.backgroundColor='';"" onmouseover_fckprotectedatt=" onmouseover="this.style.backgroundColor='#666666';""><a href="adres" _fcksavedurl="adres"><font class="basliklar"><font size="2"><font color="#000000"><font face="Tahoma"><img style="width: 72px; height: 33px" height="17" alt="" width="17" border="0" src="http://img87.imageshack.us/img87/1200/kodbanksiletisim.jpg" _fcksavedurl="http://img87.imageshack.us/img87/1200/kodbanksiletisim.jpg" /><br />
<strong>Mesaj kutusu</strong></font></font></font></font></a></td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="0" width="1" border="0">
<tbody>
<tr>
<td height="15"> </td>
</tr>
</tbody>
</table>

Kod:

Dikey menü

İki insan Çeşidi Vardır: Zaman Geçtikçe Hatalarıyla Yüzleşen, Zaman Geçtikçe Yüzsüzleşen...!