HTML KODLARI - MENÜ KODLARI

Sade bir menü
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>NonStop Eğlence</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0} body{background: #FFF; font: 70% Arial,sans-serif} div#menu{float:left;width: 100%;padding-top:120px;background: #002455} ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0} ul#nav{margin-left: 100px;width:650px} ul#nav li{float:left;margin-right: 3px;text-align: center} ul#nav a{float:left;width: 8em;padding: 6px 0;text-decoration:none;color: #222} ul#nav a:hover{color: #000} ul#nav li.activelink a{background: #FFF} ul#nav li.activelink a,ul#nav a:hover{color: #000;font-weight:bold} li#home a{background: #FF749C} li#who a{background: #DF3694} li#prod a{background: #4D80FF} li#serv a{background: #80FF4D} li#cont a{background: #FFCB4D} </style> <link rel="stylesheet" type="text/css" href="niftyCorners.css"> <link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print"> <script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> window.onload=function(){ Nifty("ul#nav a","top"); } </script> </head> <body> <div id="menu"> <ul id="nav"> <li id="home" class="activelink"><a href="#">Anasayfa</a></li> <li id="who"><a href="Resimler.html">Resimler</a></li> <li id="prod"><a href="oyunlar.html">Oyunlar</a></li> <li id="serv"><a href="videolar.html">video</a></li> <li id="cont"><a href="mailto:bugra59@gmail.com">iletisim</a></li> </ul> </div> </body> </html>

Yeşil menü
<html> <head> <style type="text/css"> a{ color:#99CC66; font-family:Tahoma; font-size:12px; text-decoration:none; } a:hover{ color:#006600; font-family:Tahoma; font-size:12px; text-decoration:none; font-weight:bold; background-color:#99CC66; } td{ border-style:dashed; border-color:#99CC66; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"></head> <body> <table border="3" bordercolor="99CC66" bgcolor="#006600" cellspacing="6" cellpadding="6" width="120" height="50" id="navigation"> <tr> <td><a href="index.html">Anasayfa</a></td> </tr> <tr> <td><a href="Album.html">Album</a></td> </tr> <td><a href="Hakkimizda.html">Hakkımızda</a></td> </tr> <tr> <td><a href="iletisim.html">İletişim</a></td> </tr> <tr> <td><a href="Linkler.html">Linkler</a></td> </tr> </body> </html>

Açılır kapanır menü
<HTML> <HEAD> <TITLE>Insert Your Title</TITLE> <META name="Generator" content="Microsoft FrontPage 4.0"> <style>  </style> </HEAD> <BODY topmargin="0" leftmargin="0" link="#0000FF" vlink="#800080" alink="#FF0000">  <script language="JavaScript1.2"> /* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list 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]="" sitems[12]="" //These are the links pertaining to the above text. sitemlinks[0]="../test.htm" sitemlinks[1]=".." sitemlinks[2]="../dynamicindex1/index.html" sitemlinks[3]="../dynamicindex3/index.html" sitemlinks[4]="../dynamicindex2/index.html" sitemlinks[5]="../dynamicindex4/index.html" sitemlinks[6]="../dynamicindex5/index.html" sitemlinks[7]="../dynamicindex6/index.html" sitemlinks[8]="../dynamicindex10/index.html" sitemlinks[9]="../dynamicindex8/index.html" sitemlinks[10]="../dynamicindex9/index.html" sitemlinks[11]="../dynamicindex7/index.html" sitemlinks[12]="../dynamicindex11/index.html" 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> </BODY> </HTML>

Uçan menü
 <div style="position: absolute; visibility: visible;" id="point1"> <div align="center"> </div> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><a href="http://www.grozny.tr.gg" _fcksavedurl="http://www.grozny.tr.gg"> <img border="0" alt="" src="http://www.gezginler.net/modules/javascripts/ornek/menu/kus.gif" _fcksavedurl="http://www.gezginler.net/modules/javascripts/ornek/menu/kus.gif" /></a></td> </tr> <tr> <td><center><a href="link1" _fcksavedurl="link1"> <font size="2" face="Arial" color="#000066">isim1</font></a></center></td> </tr> <tr> <td><center><a href="link2" _fcksavedurl="link2"> <font size="2" face="Arial" color="#000066">isim2</font></a></center></td> </tr> <tr> <td><center><a href="link3" _fcksavedurl="link3"> <font size="2" face="Arial" color="#000066">isim3</font></a></center></td> </tr> <tr> <td><center><a href="link4" _fcksavedurl="link4"> <font size="2" face="Arial" color="#000066">isim4</font></a></center></td> </tr> <tr> <td><center><a href="link5" _fcksavedurl="link5"> <font size="2" face="Arial" color="#000066">isim5</font></a></center></td> </tr> <tr> <td><center><a href="link6" _fcksavedurl="link6"> <font size="2" face="Arial" color="#000066">isim6</font></a></center></td> </tr> </tbody> </table> </div> <script LANGUAGE="JavaScript1.2"> //Copyright © 2000-2001 Bruce M. Anderson,http://appletlib.tripod.com/ var XX=10; var xstep=1; var delay_time=60; var YY=0; var ch=0; var oh=0; var yon=0; var agent = navigator.userAgent.toLowerCase(); var brw=3; NSBr=(document.layers); IEBr=(document.all); isDOM=((document.getElementById)&&(!IEBr))?true:false; if(IEBr){brw=1;} if(NSBr){brw=2;} if(isDOM){brw=3;} if(brw==1) { YY=document.body.clientHeight; point1.style.top=YY; } else if(brw==2) { YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if(brw==3) { YY=innerWidth; document.getElementById("point1").style.top=YY+"px"; } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if(brw==1) { ch=document.body.clientHeight; oh=point1.offsetHeight; } else if(brw==2) { ch=window.innerHeight; oh=document.point1.clip.height; } else if(brw==3) { ch=innerHeight; oh=document.getElementById("point1").offsetHeight; } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(brw==1) { point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if(brw==2) { document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if(brw==3) { document.getElementById("point1").style.left=XX+"px"; document.getElementById("point1").style.top=YY+pageYOffset+"px"; } } function onad() { if(brw==2){document.point1.visibility="visible";} loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } setTimeout('onad()',1000); </script> 

Açılır Menü
 <SCRIPT language=JavaScript>  </SCRIPT> <STYLE type=text/css>A { COLOR: #00FFFF; FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 20pt } STRONG { FONT-FAMILY: 'Arial'; FONT-SIZE: 15pt; FONT-WEIGHT: bold; LINE-HEIGHT: 25pt } A:link {text-decoration: none;} A:visited {text-decoration: none;} A:active {text-decoration: none;} A:hover {text-decoration: none;} P { FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 13pt } #pulloutInterface { BACKGROUND-COLOR: #NONE; CLIP: rect(0px 305px 250px 0px); HEIGHT: 250px; LEFT: 180px; POSITION: absolute; TOP: 10px; VISIBILITY: visible; WIDTH: 400px; layer-background-color: #NONE } #pulloutSidebar1 { BACKGROUND-COLOR: #003366; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 5px; WIDTH: 100px; layer-background-color: #DEDEDE } #pulloutSidebar2 { BACKGROUND-COLOR: #003399; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 40px; WIDTH: 100px; layer-background-color: yellow } #pulloutSidebar3 { BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 75px; WIDTH: 100px; layer-background-color: blue } #pulloutSidebar4 { BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 110px; WIDTH: 100px; layer-background-color: red } #pulloutContent { BACKGROUND-COLOR: #NONE; CLIP: rect(0px 285px 240px 0px); HEIGHT: 240px; LEFT: 110px; POSITION: absolute; TOP: 5px; WIDTH: 285px; layer-background-color: #NONE } #pulloutContent1 { BACKGROUND-COLOR: #003366; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 185px; layer-background-color: #DEDEDE } #pulloutContent2 { BACKGROUND-COLOR: #003399; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #C5C5C5 } #pulloutContent3 { BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #A2A2A2 } #pulloutContent4 { BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #7E7E7E } </STYLE> </head> <body background bgColor="ebe2d3" onload="init()"> <DIV align=center> <CENTER> <DIV id=pulloutInterface> <DIV id=pulloutSidebar1> <P align=center><A href="javascript:pullout(pullout1)">Başlık 1</A></P></DIV> <DIV id=pulloutSidebar2> <P align=center><A href="javascript:pullout(pullout2)">Başlık 2</A></P></DIV> <DIV id=pulloutSidebar3> <P align=center><A href="javascript:pullout(pullout3)">Başlık 3</A></P></DIV> <DIV id=pulloutSidebar4> <P align=center><A href="javascript:pullout(pullout4)">Başlık 4</A></P></DIV> <DIV id=pulloutContent> <DIV id=pulloutContent1 style="width: 185; height: 240"> <P align=center><STRONG><font color="#00FFFF">Başlık 1</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a><A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a></P></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent2> <P align=center><STRONG><font color="#00FFFF">Başlık 2</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a><A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a> </TD></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent3> <P align=center><STRONG><font color="#00FFFF">Başlık 3</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a><A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a></TD></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent4> <P align=center><STRONG><font color="#00FFFF">Başlık 4</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD><A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a><A href="http://www.alnumel.com">Link Adı<BR> </a> <A href="http://www.alnumel.com">Link Adı<BR> </a> </TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>