Html-Codes und Java-Scripte

Gerry Mayrhofer © 2003-2012 ® Alle Rechte vorbehalten
Auf dieser Internetpräsenz sind momentan Besucher online!

Hier kannst Du Dir die besten Html-Codes
und/oder Java-Scripte abspeichern!

Bei ICQ-Benutzer sieht man, ob er/sie on- oder offline ist:

Schwarzsilberner Bilderrahmen für Deine Fotos:

<table border=1 cellpadding=4 cellspacing=0 bgcolor=#000000><tr><td> <table border=1 cellpadding=0 cellspacing=0 bgcolor=#000000><tr><td><img src=url/name-des-bildes.jpg></td></tr> </table></td></tr> </table></td></tr> </table></td></tr> </table>

Grauschwarzer Bilderrahmen für Deine Fotos:

<table border=1 cellpadding=2 cellspacing=0 bgcolor=#000000><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#999999><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td><img src=url/name-des-bildes.jpg></td></tr> </table></td></tr> </table></td></tr> </table></td></tr> </table>

Zeigt den Besucher an, wie oft er schon auf der Seite war:

<script LANGUAGE="JavaScript"> function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.length; var i = 0; while (i < clen) { var j = i + alen; if (document.substring(i, j) == arg) return getCookieVal (j); i = document.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.indexOf (";", offset); if (endstr == -1) endstr = document.length; return unescape(document.substring(offset, endstr)); } </SCRIP> <SCRIPT LANGUAGE="JavaScript"> document.write("Du warst schon <b>" + amt() + "</b>x hier.") </SCRIPT >

Button, um Quelltext zu sehen:

<form> <p align="left"><font face="Verdana" size="1"> <input type="button" value="Quelltext ansehen" onclick="window.location = "view-source:" + window.location.href"> </font></p> </form>

Button "vor" für die nächste Seite:

<a href="javascript:history.forward()"onMouseOver="window.status='Vorwärts';return true;" onMouseOut="window.status=''">Vor</a>

Button "zurück" für die vorige Seite:

<a href="javascript:history.back()"onMouseOver="window.status='Zurück';return true;" onMouseOut="window.status=''">Zurück</a>

Scrollbarfarben ändern:

<STYLE>body { scrollbar-face-color: #ff8c00; scrollbar-track-color: #ffa500; scrollbar-arrow-color: #000000; scrollbar-base-color: #000000; scrollbar-shadow-color : #000000; scrollbar-3dlight-color: #ffa500; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #000000; } </STYLE>

Unbeweglicher Hintergrund:

<br><body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed">

Anderer Hintergrund auf einer einzelnen Seite:

<body background=http://www.adresse-des-bildes.jpg>

Beim verlassen der Seite erscheint ein "Good bye":

<body onunload="window.alert('Good bye')">

Beim darüberfahren eines Textes öffnet sich ein Fenster:

<a href="Hier mußt Du die URL eingeben!" onMouseOver="alert('Hier mußt Du die Nachricht eingeben')return true;">Hier mußt Du den Text eingeben</a>

Newsbox mit Deinem Text:

<P> <TABLE style="WIDTH: 120px; HEIGHT: 200px" borderColor=black height=200 width=120 align=center bgColor=#ffa500 border=2> <TBODY> <TR> <TD bgColor=black> <P align=center><FONT face=Verdana color=white size=2><STRONG>NEWSBOX</STRONG></FONT></P></TD></TR> <TR> <TD bgColor=black> <P> <MARQUEE scrollAmount=1 scrollDelay=10 direction=up width=120 height=140><FONT size=1><FONT color=black size=2><FONT size=2><FONT face=Verdana color=white size=1> <P align=center>Hier schreibst Du Deinen Text rein!</P></FONT></FONT></FONT></FONT></MARQUEE></P><FONT color=white></FONT></FONT></TD></TR></TBODY></TABLE></P> <center> <small></small><del></del> </center> </body> </html>

Text schwingt hin und her:

<div align="center"><MARQUEE behavior=alternate>Hier mußt Du Deinen Text eingeben, wie zB. "Kostenlose Homepagetools von Gerry Mayrhofer"!</marquee>

Link "Nicht berühren", um Besucher zu ärgern:

<a href="#" onMouseover="alert('Warum fährst Du mit der Maus zu diesem Link?'); alert('Hier steht doch "nicht berühren"!'); alert('Ich glaube, dafür solltest Du mir eine Entschuldigung mailen!'); window.location.href=('mailto:deine@emailadresse?subject=Tut mir wirklich leid!')" target=" _top">NICHT BERÜHREN!!!</a> </p>

Verlinktes Bild ohne blauen oder violetten Rand:

<IMG src=http://www.unterseitenadresse.de/bildname.jpg border=0>

Link wird bei Berührung mit dem Mauszeiger dicker:

<P align=left><A onmouseover=;"this.style.fontWeight='bold';" style="FONT-WEIGHT: normal; COLOR: navy; FACE: Metro" onmouseout="this.style.fontWeight='normal';" target=blank href="http://www.gerry-mayrhofer.at.tp" FONT-WEIGHT: normal?><FONT face="Verdana" size=3>Kostenlose Homepagetools von Gerry Mayrhofer</FONT></A></P>

Link ändert bei Berührung mit dem Mauszeiger die Farbe:

Bildlink öffnet sich im neuen Fenster:

<p align=center><a href="Hier mußt Du die Adresse eingeben, wohin das Bild führen soll" target=_blank><IMG border=0 src="Hier mußt Du die Bildadresse eingeben"></a></p>

Bildlink öffnet sich im gleichen Fenster:

<a href="Hier mußt Du die Adresse eingeben, wohin das Bild führen soll" target="mainframe"><img src="Hier mußt Du die Bildadresse eingeben"></a>

Textlink öffnet sich im neuen Fenster:

<a href="Hier mußt Du die Adresse eingeben, wohin der Textlink führen soll" target="_blank">Hier mußt Du den Linktext eingeben</a>

Textlink öffnet sich im gleichen Fenster:

<a href="Hier mußt Du die Adresse eingeben, wohin der Textlink führen soll" target="mainframe">Hier mußt Du den Linktext eingeben</a>

Dynamischer Seitenübergang:

<META http-equiv=Page-Enter content=blendTrans(Duration=2)> <META http-equiv=Page-Exit content=blendTrans(Duration=2)>

Uhr, siehe Hauptseite:

<p align="center">
<table style="border-bottom: 1px dotted; border-left: 1px dotted; border-top: 1px dotted; border-right: 1px dotted" cellspacing="0" bordercolor="#000000" cellpadding="0" width="55" bgcolor="#c0c0c0" height="17" borderstyle="dotted">
<tbody>
<tr>
<td style="text-align: center"><span style="color: #000000; font-size: 9px"><span style="font-family: Verdana"><b><script language="javascript">
<!--
//Kostenlose Homepagetools von Gerry Mayrhofer

function zeit(){

var datum = new Date()
var stunde = datum.getHours()
var minute = datum.getMinutes() 
var sekunde = datum.getSeconds()

if (stunde<10) stunde="0"+stunde;
if (minute<10) minute="0"+minute; 
if (sekunde<10) sekunde="0"+sekunde;

document.getElementById("uhrzeit").innerText = (stunde + ":" +minute + ":" + sekunde);

}
var aufruf = window.setInterval("zeit()", 1000)
//-->
</script>
<div id="uhrzeit"><span style="font-size: 9px"><span style="font-family: Verdana"><span style="color: #000000"> </span></span></span></div>
</b></span></span></td>
</tr>
</tbody>
</table>
</p>
<p> </p>
<div> </div>
<p> </p>
<div> </div>

Textarea, wo zB. solche Codes eingefügt werden:

<textarea style="WIDTH: 386px; HEIGHT: 69px">