Tasarım Hayattır ! Biz Hayatımızı Tasarıma Adadık!!! Tiqi_Jump

Menü Kodları

Kod:

<!kodbanks.tr.gg dikey menu basla--><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .glossymenu{ list-style-type: none; margin: 5px 0; padding: 0; width: 162px; border: 3px solid #000066; border-bottom-width: 0; } .glossymenu li a{ background: yellow url(http://images.bigoo.ws/content/background/water/water_54.gif) repeat-x bottom left; font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: yellow; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; } * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 160px; } .glossymenu li a:visited, .glossymenu li a:active{ color: blue; } .glossymenu li a:hover{ background-image: url(http://www.dynamicdrive.com/cssexamples/media/glossyback2.gif); } </style> <ul class="glossymenu"> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html" >Anasayfa</a></li> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html" >İletişim</a></li> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">Ziyaretci defteri</a></li> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">DOM Reference</a></li> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">Oyun</a></li> <li><a href="http://kodbanks.blogcu.com/anasayfa_46119051.html" _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html" mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html" style="border-bottom-width: 0" mce_style="border-bottom-width: 0">Link></li></ul><!kodbanks.tr.gg dikey menu bitir-->

Mouse imlecini soldaki menünün üstüne getirin...

LİNK 1
LİNK 2
LİNK 3
LİNK 4
LİNK 5
LİNK 6
LİNK 7
LİNK 8
LİNK 9
LİNK 10
LİNK 11

E-MAİL

Yandan açılan menü kodu:

<font color="#115585" size="2">Mouse imlecini soldaki menünün üstüne getirin...</font><br><br><br> <STYLE>#slidemenubar { BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white } #slidemenubar2 { BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white } </STYLE> <SCRIPT language=JavaScript1.2> if (document.all) document.write('<div id="slidemenubar2" style="left:-170" onMouseover="pull()" onMouseout="draw()">')</SCRIPT> <LAYER id=slidemenubar onmouseout=draw() onmouseover=pull()> <SCRIPT language=JavaScript1.2>var sitems=new Array() var sitemlinks=new Array() //Link adları sitems[0]="LİNK 1" sitems[1]="LİNK 2" sitems[2]="LİNK 3" sitems[3]="LİNK 4" sitems[4]="LİNK 5" sitems[5]="LİNK 6" sitems[6]="LİNK 7" sitems[7]="LİNK 8" sitems[8]="LİNK 9" sitems[9]="LİNK 10" sitems[10]="LİNK 11" sitems[11]="<hr>" sitems[12]="E-MAİL " //Link adresleri sitemlinks[0]="buya LİNK0 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[1]="buya LİNK1 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[2]="buya LİNK2 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[3]="buya LİNK3 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[4]="buya LİNK4 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[5]="buya LİNK5 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[6]="buya LİNK6 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[7]="buya LİNK7 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[8]="buya LİNK8 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[9]="buya LİNK9 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[10]="buya LİNK10 e basınca hangi sayfanın a&0023305;lmasını istiyosanız o adresi yazınız/" sitemlinks[11]= sitemlinks[12]="buraya email adresinizi yazınız" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')</SCRIPT> </LAYER> <SCRIPT language=JavaScript1.2>function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) }</SCRIPT>

Üst yatay menü kodu:

<style type="text/css"> #MainMenu { width:100%; height:28px; background: url('http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#ff0000 url('http://img196.imageshack.us/img196/5610/kodbanksbright040e.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://img194.imageshack.us/img194/4928/kodbanksbleft040.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#ff0000; font-weight:bold; line-height:38px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#ff0000; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#ff0000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #00ff00; background: url('http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg'); color:#ff0000; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 ; padding:0; display:block; border:0px solid #ff0000; color:#ff0000; background:url('http://img194.imageshack.us/img194/4928/kodbanksbleft040.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('http://img196.imageshack.us/img196/5610/kodbanksbright040e.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#ff0000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #ff0000; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000 } .dropmenudiv a:hover span { background-position:right bottom; color:#ff0000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style> #MainMenu { width:100%; height:38px; background: url("http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url("http://img196.imageshack.us/img196/5610/kodbanksbright040e.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://img196.imageshack.us/img196/4928/kodbanksbleft040.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#ff0000; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#ffffff; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #330066; background: url("http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg"); color:#ff0000; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 0 0 0 ; padding:0; display:block; border:0 solid #ff0000; color:#ff0000; background:url("http://img196.imageshack.us/img196/4928/kodbanksbleft040.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url("http://img196.imageshack.us/img196/5610/kodbanksbright040e.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#ff0000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #ff0000; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000; } .dropmenudiv a:hover span { background-position:right bottom; color:#ff0000; font-weight:bold; } </style> <div id="MainMenu"> <div id="tab"> <ul> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>LİNK ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>LİNK ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>LİNK ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>LİNK ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>LİNK ADI</span></a></li> </ul> </div> </div>