| | HTML KODLAR | | - Html kod arşivi 7

p>SOLDAKİ YAZIYLA DEĞİŞEN RESİM SAĞDAKİ YAZIYLA DEĞİŞEN RESİM

<table border="0"> <tr><td valign="top"> <form id="f1" name="f1"> <select id="resimler" name="resimler" size="1" onchange_fckprotectedatt=" onchange="javascript:resim_onizle();""> <option value="0" selected="selected">- HİÇBİRİ -</option> <option value="images/resim1.jpg">Resim 1</option> <option value="images/resim2.jpg">Resim 2</option> <option value="images/resim3.jpg">Resim 3</option> <option value="images/resim4.jpg">Resim 4</option> <option value="images/resim5.jpg">Resim 5</option> <option value="images/resim6.jpg">Resim 6</option> <option value="images/resim7.jpg">Resim 7</option> </select></form></td> <td><img id="resim_onizleme" name="resim_onizleme" border="0" height="70" width="70" src="images/resim_yok.jpg" _fcksavedurl="images/resim_yok.jpg" /></td></tr> </table> <script language="javascript" type="text/javascript">  </script>

<html> <head> <title>JS - Link Üzerine Gelindiğinde Resim Değişimi</title> <FCK:meta http-equiv="content-type" content="text/html; charset=windows-1254" /> <FCK:meta http-equiv="content-type" content="text/html; charset=iso-8859-9" /> <FCK:meta http-equiv="content-language" content="tr" /> </head> <body> <table align="center" border="1"> <tr><td align="center" width="400" height="300" valign="top"><img id="gelecek_resim" name="gelecek_resim" border="0" src="images/1.jpg" _fcksavedurl="images/1.jpg" width="400" height="300" /></td> <td valign="top" width="200"><a href="haberoku.asp?id=1" _fcksavedurl="haberoku.asp?id=1" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"">Haber 1 Linki</a><br /> <a href="haberoku.asp?id=2" _fcksavedurl="haberoku.asp?id=2" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/2.jpg';"">Haber 2 Linki</a><br /> <a href="haberoku.asp?id=3" _fcksavedurl="haberoku.asp?id=3" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/3.jpg';"">Haber 3 Linki</a><br /> <a href="haberoku.asp?id=4" _fcksavedurl="haberoku.asp?id=4" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/4.jpg';"">Haber 4 Linki</a><br /> <a href="haberoku.asp?id=5" _fcksavedurl="haberoku.asp?id=5" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/5.jpg';"">Haber 5 Linki</a> </td></tr> </table> </body> </html>

ADRES SATIRINA İKON EKLEME                    SAYFAYI YAZDIR BUTONU


GİZLENEN KATLANIR MENÜ                          RESİM DOSYA VİDEO UPLOAD

<html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <title>Katlanır Menü</title> <style type="text/css"> #MenuTasiyici{ margin: 0; padding: 0; width: 320px; font-family: arial, tahoma sans-serif; } #MenuTasiyici .Baslik{ background-color: #245EDC; height: 22px; width: 320px; font-size: 12px; font-weight: bold; color: #E4EBFA; line-height: 22px; margin-bottom: 1px; } #MenuTasiyici .Baslik span{ padding-left: 8px; } #MenuTasiyici .OgeBaslik{ background-color: #ABC1F1; height: 20px; line-height: 20px; font-weight: bold; font-size: 11px; padding-left: 7px; cursor: pointer; border-bottom: solid 1px #245EDC; } #MenuTasiyici .OgeGrup{ width: 100%; color: #004E98; } #MenuTasiyici .Oge{ background-color: #F5F5F5; height: 20px; line-height: 20px; font-size: 11px; padding-left: 10px; border-bottom: solid 1px #D9DAD8; } </style> <script type="text/javascript"> function OgeAcKapa(oge) { if (document.getElementById(oge).style.display == 'none') { document.getElementById(oge).style.display = ''; } else { document.getElementById(oge).style.display = 'none'; } } </script> </head> <body> <div id="MenuTasiyici"> <div class="Baslik"><span>Katlanır Menü</span></div> <div class="OgeBaslik" onclick_fckprotectedatt=" onclick="OgeAcKapa('og1');""> Menu1 </div> <div id="og1" class="OgeGrup" style="display: none;"> <div class="Oge">1.1</div> <div class="Oge">1.2</div> <div class="Oge">1.3</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt=" onclick="OgeAcKapa('og2');""> Menu2 </div> <div id="og2" class="OgeGrup" style="display: none;"> <div class="Oge">2.1</div> <div class="Oge">2.2</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt=" onclick="OgeAcKapa('og3');""> Menu3 </div> <div id="og3" class="OgeGrup" style="display: none;"> <div class="Oge">3.1</div> <div class="Oge">3.2</div> <div class="Oge">3.3</div> </div> </div> </body> </html> <script type="text/javascript"> var menu_sayisi = 3; // Menü sayınızı buradan ayarlayınız, menü adlarının sonu ardışık artacak şekilde olmalıdır var s, alan; function OgeAcKapa(oge) { if (document.getElementById(oge).style.display == 'none') { document.getElementById(oge).style.display = ''; for (s = 1; s <= menu_sayisi; s++) { alan = "og" + s; if (oge != alan) { document.getElementById(alan).style.display = 'none'; }; }; } else { document.getElementById(oge).style.display = 'none'; } } </script>

SAYFAYA ŞİFRELİ GİRİŞ LİNK ALTINDAKİ ÇİZGİYİ KALDIRMA

<SCRIPT LANGUAGE="JavaScript">    </SCRIPT><center> <form name="login"> <table cellpadding="3" width="225" border="1"> <tbody> <tr> <td colspan="2"><center><font size="+2"><strong>Şifrenizi girin</strong></font></center></td> </tr> <tr> <td>Kullanıcı:</td> <td><input name="username" type="text" /></td> </tr> <tr> <td>Parola:</td> <td><input name="password" type="text" /></td> </tr> <tr> <td align="center" colspan="2"><input type="button" onClick_fckprotectedatt=" onClick="Login()"" value="GİRİŞ" /></td> </tr> </tbody> </table> </form> </center> <p> </p> <center></center>

AÇILIR KUTULU LİNK                                       SİTE ÜSTÜNE BUTON EKLEME

SİTE ÜSTÜNE RENKLİ LİNK MESAJ GÖNDERME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>NonStop Eğlence</title> <FCK:meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <FCK: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="http://www.mecon68.tr.gg/G.ue.ncel.htm" _fcksavedurl="http://www.mecon68.tr.gg/G.ue.ncel.htm">Güncel</a></li> <li id="who"><a href="http://www.mecon68.tr.gg/Sohbet.htm" _fcksavedurl="http://www.mecon68.tr.gg/Sohbet.htm">Sohbet</a></li> <li id="prod"><a href="http://www.mecon68.tr.gg/Oyunlar.htm" _fcksavedurl="http://www.mecon68.tr.gg/Oyunlar.htm">Oyunlar</a></li> <li id="serv"><a href="http://www.mecon68.tr.gg/HTML-Kodlar%26%23305%3B.htm" _fcksavedurl="http://www.mecon68.tr.gg/HTML-Kodlar%26%23305%3B.htm">HTML Kodları</a></li> <li id="cont"><a href="mailto:mecon68@hotmail.com" _fcksavedurl="mailto:mecon68@hotmail.com">İletişim</a></li> </ul> </div> </body> </html>

SAYFAYI TAM EKRAN AÇMA                        5 Sn'lik POPUP


YAZI ÖRNEĞİ                                                    SAYFA AÇILIŞINDA SES ÇIKARMA


DURUM ÇUBUĞU YANIP SÖNEN YAZI         SAĞ TUŞ ENGELİ (Uyarısız)


YATAY KAYAN MENÜ                                      AŞAĞI AÇILIR MENÜ (Renkli)

ÜZERİNE GELİNCE AÇILIR MENÜ ÜZERİNE GELİNCE AÇILIR MENÜ (Düşey)

ÜZERİNE GELİNCE ALT YATAY AÇILIR MENÜ SOLDA GİZLENEN MENÜ

<a href="http://www.javascriptkit.com" _fcksavedurl="http://www.javascriptkit.com" onMouseover_fckprotectedatt=" onMouseover="showit(0)"">JavaScript Kit</a> | <a href="http://freewarejava.com" _fcksavedurl="http://freewarejava.com" onMouseover_fckprotectedatt=" onMouseover="showit(1)"">Freewarejava</a><br>  <ilayer width=400 height=32 name="dep1" bgColor="#E6E6FF"> <layer name="dep2" width=400 height=32> </layer> </ilayer> <div id="describe" style="background-color:#E6E6FF;width:400px;height:32px" onMouseover_fckprotectedatt=" onMouseover="clear_delayhide()"" onMouseout_fckprotectedatt=" onMouseout="resetit(event)""></div> <script language="JavaScript1.2"> /* Tabs Menu (mouseover)- By Dynamic Drive For full source code and more DHTML scripts, visit http://www.dynamicdrive.com This credit MUST stay intact for use */ var submenu=new Array() //Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors. submenu[0]='<font size="2" face="Verdana"><b><a href="http://www.javascriptkit.com/cutpastejava.shtml">Scripts</a> | <a href="http://www.javascriptkit.com/javaindex.shtml">JS tutorials</a> | <a href="http://www.javascriptkit.com/javatutors/index.shtml">Advanced JS tutorials</a> | <a href="http://www.javascriptkit.com/java/">Applets</a> | <a href="http://www.javascriptkit.com/howto/">Web Tutorials</a></b></font>' submenu[1]='<font size="2" face="Verdana"><b><a href="http://freewarejava.com/applets/index.shtml">Applets</a> | <a href="http://freewarejava.com/tutorials/index.shtml">Tutorials</a> | <a href="http://freewarejava.com/javasites/index.shtml">Sites and Zines</a> | <a href="http://freewarejava.com/jsp/index.shtml">JSP</a></b></font>' //Set delay before submenu disappears after mouse moves out of it (in milliseconds) var delay_hide=500 /////No need to edit beyond here var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : "" function showit(which){ clear_delayhide() thecontent=(which==-1)? "" : submenu[which] if (document.getElementById||document.all) menuobj.innerHTML=thecontent else if (document.layers){ menuobj.document.write(thecontent) menuobj.document.close() } } function resetit(e){ if (document.all&&!menuobj.contains(e.toElement)) delayhide=setTimeout("showit(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("showit(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </script>

SOLDAN GİZLİ AÇILIR MENÜ SAYFANIN SOL ALTINDA MENÜ

<p> <FCK:meta content="text/html; charset=WINDOWS-1254" http-equiv="Content-Type"  /> <link href="index.php" rel="index" /> <link href="misc.php?action=faq" rel="help" /> <link href="search.php" rel="search" /> <link href="javascript:self.scrollTo(0,0);" rel="up" /> <link href="http://www.woltlab.de" rel="copyright" /><style type="text/css"> </style><script language=javascript> NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") moving=setTimeout('null',1); lastY = 0; function moveOut() { if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) { clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed) if (NS6){ ssm.left = parseInt(ssm.left)+10+"px"; } if (IE){ ssm.style.pixelLeft += 10; } if (NS){ document.ssm.left += 10; } } else { clearTimeout(moving); moving=setTimeout('null',1); } } function moveBack(){ clearTimeout(moving); moving = setTimeout('moveBack1()', waitTime); } function moveBack1() { if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) { clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed); if (NS6){ ssm.left = parseInt(ssm.left)-10+"px"; } if (IE){ ssm.style.pixelLeft -= 10; } if (NS){ document.ssm.left -= 10; } } else { clearTimeout(moving);moving=setTimeout('null',1) } } function makeStatic() { if (NS6) { winY = window.pageYOffset; } if (IE) { winY = document.body.scrollTop;var NM=document.all('ssm').style } if (NS){ winY = window.pageYOffset;var NM=document.ssm } if (NS6||IE||NS){ if (winY!=lastY&&winY>YOffset-staticYOffset){ smooth = .2 * (winY - lastY - YOffset + staticYOffset); } else if(YOffset-staticYOffset+lastY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY); } else { smooth=0 } if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (NS6) ssm.top=parseInt(ssm.top)+smooth+"px" if (IE) NM.pixelTop+=smooth; if (NS) NM.top+=smooth; lastY = lastY+smooth; setTimeout('makeStatic()', 1) } } function initSlide() { if (NS6){ ssm=document.getElementById("ssm").style ssm.visibility="visible"; ssm.left = -menuWidth + "px";    ; } else if (IE) { ssm.style.visibility = "visible" ssm.style.pixelLeft = -menuWidth; } else if (NS) { document.ssm.left = -menuWidth; document.ssm.visibility = "show" } if (menuIsStatic=="no") makeStatic(); } function startMenu(menuHeader, barText) { if (IE||NS6) { document.write('<div id="ssm" style="visibility:hidden;position : absolute ;left : 0px ;top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">') } if (NS) { document.write('<span class="tablea" layer visibility="hide" top="'+YOffset+'" name="ssm" left="0" onmouseover="moveOut()" onmouseout="moveBack()">') } if (NS6){ document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" span class="tablea"><tr><td>') } tempBar="" for (i=0;i<barText.length;i++) { tempBar+=barText.substring(i, i+1)+"<br>" } document.write('<table cellpadding="0" cellspacing="2" width="'+(menuWidth+barWidth+2)+'" border="0" class="tableinborder"><tr><td class="tabletitle" width="'+(menuWidth-1)+'" height="6" align="center" valign="center"> <span class="smallfont"><b>'+menuHeader+'</b></span></td><td align="center" rowspan="100" width="'+barWidth+'" span class="tableb" valign="center"><p align="center"><span class="smallfont"><b>'+tempBar+'</b></span></p></td></tr>') } function addItem(text, link, target) { if ( !target ) { target = '_self'; } else { target = '_blank'; } document.write('<tr>'); document.write('<td span class="tablea" width="'+(menuWidth-1)+'">'); document.write('<ilayer><layer width="100%" align="center">'); document.write('<div align="center">'); document.write('<a href="'+link+'" class="ssmItems" target='+target+'>'); document.write('<span class="smallfont"> '+text+'</span></div></a>'); document.write('</layer></ilayer></td></tr>'); } function addHdr(text) { document.write('<tr><td span class="tabletitle" height="6" align="center" valign="center" width="'+(menuWidth-1)+'"> '); document.write('<span class="smallfont"><b>'+text+'</b></span></td></tr>') } function endMenu() { document.write('</table>') if (NS6){document.write('</td></tr></table>')} if (IE||NS6) {document.write('</div>')} if (NS) {document.write('</layer>')} if (NS6||IE||NS) setTimeout('initSlide();', 100) } //--> YOffset=20; // no quotes!! staticYOffset=20; // no quotes!! slideSpeed=20 // no quotes!! barWidth=20; // no quotes!! waitTime=1000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it. menuWidth=100; // Must be a multiple of 10! no quotes!! menuIsStatic="no"; linkTarget="_self"; startMenu("Mecon","DOST MEYDANI") addItem("Güncel","http://www.mecon68.tr.gg/G.ue.ncel.htm"); addItem("Spor","http://www.mecon68.tr.gg/Spor.htm"); addItem("Cep Telefonu","http://www.mecon68.tr.gg/Cep-Telefonu.htm"); addItem("Programlar","http://www.mecon68.tr.gg/Programlar.htm"); addItem("MP3","http://www.mecon68.tr.gg/MP3.htm"); addItem("Sohbet","http://www.mecon68.tr.gg/Sohbet.htm"); addItem("Oyunlar","http://www.mecon68.tr.gg/Oyunlar.htm"); addItem("CSS Tasarım","http://www.mecon68.tr.gg/CSS-Tasar%26%23305%3Bm.htm"); addItem("HTML Kodları","http://www.mecon68.tr.gg/HTML-Kodlar%26%23305%3B.htm"); addHdr("www.mecon68.tr.gg"); endMenu() </script></p>