Html

Html - Codes

Mausverfolger ( 1-20 ) , ( 21-35 ) ; Java Scripte ; Farb und Bild codes ; html Codes ; Homepage Sicherheit ; HEX Codes ; CSS-Codes ; ICQ

1.Ein Beweglicher Text läuft von Rechts nach Links

2.Ein Beweglicher Text läuft von Links nach Rechts

3.Ein Beweglicher Text schwenkt hin und her Links nach Rechts

4.Ein Beweglicher Text läuft von Unten nach Oben

5.Ein Beweglicher Text läuft von Oben nach Unten

6.Code für einen Text-Link der beim Drüberfahren Dicker wird

7.Code für einen Text-Link der bei Drüber fahren die Farbe ändert

<STYLE fprolloverstyle>A:hover { FONT-WEIGHT: bold; COLOR: #ff0000 } </STYLE> </HEAD> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> </BODY><FONT face="Times New Roman" size=2><B><A style="TEXT-DECORATION: none" href="www.mausverfolger.here.de">Test-Link </A> </B></FONT> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> <p> </p> </BODY></HTML></p> <p> </body> </html>

8.Textarea in die du HTML-Codes oder andere Sachen eintragen kannst!

9.Mit diesem Code könnt ihr Flashintros in eure Page einfügen!

10.Text Ticker der Scrollt!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" href="hp_mm.css" type="text/css"> <html> <head> <title>Text Ticker der scrollt</title> <SCRIPT LANGUAGE="JavaScript">  </script> </head> <body> <b>Text Ticker der scrollt</b> <p> <body onload="textticker()"> <script language="JavaScript">  </script> <form name="form1"> <input type="text" size="50" name="textfeld" value=" Willkommen " style="font-weight: normal; color: black; background-color: white; font-family: Arial,Helvetica,MS Sans Serif; font-size: 9pt"> </form> <p> Ein Ticker mit mehreren Text einläufen,kann beliebig erweitert werden zb.(Hintergrundfarbe) <p> <form> <input type="button" value="Quelltext" onclick='window.location = "view-source:" + window.location.href'> </form> <p> <br><hr align="center" size="1" width="50%"> <center> meine eMail: <a href="mailto:MCHerne@web.de" class=linkint>MCHerne@web.de</a><br> meine Homepage: <a href="http://www.mausverfolger.here.de/js" target="_top" class=linkint>http://www.mausverfolger.here.de</a><br> </center> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" src="../ms.js">  </SCRIPT> </body> </html>

11.Automatische Weiterleitung (Im Headbereich einfügen)

12. Leuchtkranz fliegt über den Bildschirm

13. Beweglicher Sternenhimmel

<body bgcolor=#000000 onLoad="fly()">  <script language="JavaScript">  </script>

14. Leuchtende Punkte fliegen in die Mitte

15. Kein blauer Rand um verlinkte Bilder

16. Nicht berühren Link um Besucher zu ärgern

<a href="#" onMouseover="alert('Warum fährst Du mit der Maus hierer?'); alert('Ich habe Dir nicht gesagt, daß Du das darfst!'); alert('Ich glaube, Du solltest mir eine Entschuldigung mailen!'); alert('Ja, das solltest Du besser gleich tun bevor ich böse werde!!!'); window.location.href=('mailto:paddy@paddy.citywin.de?subject=Tut mir leid!')" target=" _top">NICHT BERÜHREN !!!!!!!!!</a> </p>

17. Ein Button der ständig die Links wechselt

18. Passwortabfrage nach klick

<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script LANGUAGE="JavaScript"> function dialog3() { var stop ="ende" stop = prompt("Der String \'ende\' beendet diese Schleife.","") while (stop != "ende") { stop = prompt("Um diese Schleife zu beenden, geben Sie \'ende\' ein.","") } alert("Die Schleife ist nun beendet.") } //--> </script> <form> <div align="center"><center><p><font face="Times New Roman"> <input TYPE="BUTTON" VALUE=" Hier drücken " onClick="dialog3()"> </font></p> </center></div> </form> </center> </body> </html>

19. Message-Window

20. Popup Fenster

21. Good-Bye beim verlassen der Seite

22. Zeigt die Uhrzeit an

<body onload="DigitalTime()""> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" height="30"><span id="liveclock" style="position:absolute;left:10px;top:10px;"><script language="JavaScript"></script></span></td> </tr> </table> </div>

23. Zeigt die Uhrzeit in einem Kasten an

24, Zeigt an, wann die Seite zuletzt aktualisiert wurde:

25. Zeigt Datum, Uhrzeit und lustigen Text an

26. Zurück-Button

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

27. Vor-Button

28. Code für Bildergalerie

29. Per Click wird die Seite unter den Favoriten gespeichert

<SCRIPT LANGUAGE="JavaScript">  </script> <noscript> Bitte bookmarke diese Seite. </noscript>

30. Zeigt an, wann die Seite zuletzt aktualisiert wurde

31. Taschenrechner

32. Button um Quelltext anzusehen

33. Button um Seite zu drucken

34. Zeigt die Anzahl der Besuche

<body> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </body>

Beispiel: Diese Seite hast du schon 3 x besucht. Diese Seite hast du schon 8 x besucht. Diese Seite hast du schon 20 x besucht. Diese Seite hast du schon 1 x besucht. Diese Seite hast du schon 14 x besucht. Diese Seite hast du schon 10 x besucht.

35. Grauer Bilderrahmen um Bilder

36. Man sieht bei ICQ Besitzern ob er online oder offline ist

37. Regenbogentext

<SCRIPT LANGUAGE="JavaScript">      </script> <script>  </script> </body>

38. Pulldown-Menü

<head> <script LANGUAGE="JavaScript">    } </script> <meta name="generator" content="Namo WebEditor v5.0(Trial)"> </head> <body> <form name="form"> <div align="center"><center><p><select NAME="site" SIZE="1" onChange="formHandler()"> <option VALUE>Bitte wählen!</option> <option VALUE="http://www.deine_adresse.de">Englische Version</option> </select></p> </center></div> </form> </body>
Beispiel: Ihr wedet gleich zu der Page weitergeleitet!

39. Hintergrund auswählen

<head> <script LANGUAGE="JavaScript">    } </script> <meta name="generator" content="Namo WebEditor v5.0(Trial)"> </head> <body> <FORM name=Kolory><SELECT name=schemesel onchange="document.bgColor = this.options[selectedIndex].value"><OPTION value=FFFFFF>Weiß<OPTION value=0000FF>Blau<OPTION value=A0A0A0>Grau<OPTION value=E9E900>Gelb<OPTION value=C70000>Rot<OPTION selected value=#008000>Grün<OPTION value=F0F0FA>Silber<OPTION value=FF00FF>Helllilla<OPTION value=00FFFF>Hellblau <OPTION value=#008080> Blaugrün </OPTION></SELECT></FORM></body>
Beispiel:

40. Jeder Link Blinkt

41. Achterbahn-Schrift

<body><script> var fs=1 var direction="right" function rollertext(whichone){ var thetext=whichone for (i=0;i<thetext.length;i++){ document.write(thetext.charAt(i).fontsize(fs)) if (fs<7&&direction=="right") fs++ else if (fs==7){ direction="left" fs-- } else if (fs==1){ direction="right" fs++ } else if (fs>1&&direction=="left") fs-- } } file://Tausche den folgenden Text gegen Deinen eigenen: rollertext("Herzlich Willkommen auf der Homepage für die Homepage ") </script> </body>
Beispiel: H e rz l i c h W il l k om m e n a u f d e r H o m e p a ge f ür d i e H o m e p a g e H e rz l i c h W il l k om m e n a u f d e r H o m e p a ge f ür d i e H o m e p a g e H e rz l i c h W il l k om m e n a u f d e r H o m e p a ge

42. Quiz für deine Homepage

<head> <script language="JavaScript">  </SCRIPT> </head> <body> <FORM NAME="form1"><INPUT TYPE="CHECKBOX" NAME="check1"> <STRONG>FRAGE #1</STRONG> <SELECT NAME="answer1" SIZE=1> <OPTION SELECTED VALUE="0">-- Bitte Antworten Sie -- <OPTION VALUE="1">ANTWORT #1 <OPTION VALUE="2">ANTWORT #2 <OPTION VALUE="3">ANTWORT #3 </SELECT></FORM> <FORM NAME="form2"><INPUT TYPE="CHECKBOX" NAME="check2"> <STRONG>FRAGE #2</STRONG> <SELECT NAME="answer2" SIZE=1> <OPTION SELECTED VALUE="0">-- Bitte Antworten Sie -- <OPTION VALUE="1">ANTWORT #1 <OPTION VALUE="2">ANTWORT #2 <OPTION VALUE="3">ANTWORT #3 </SELECT></FORM> <FORM NAME="form3"><INPUT TYPE="CHECKBOX" NAME="check3"> <STRONG>FRAGE #3</STRONG> <SELECT NAME="answer3" SIZE=1> <OPTION SELECTED VALUE="0">-- Bitte Antworten Sie -- <OPTION VALUE="1">ANTWORT #1 <OPTION VALUE="2">ANTWORT #2 <OPTION VALUE="3">ANTWORT #3 </SELECT></FORM> <form name="total"> <INPUT TYPE="BUTTON" VALUE="Auswerten" onClick="quiz()"> <INPUT TYPE="button" VALUE="Neustart" onClick='parent.location="javascript:location.reload()"'><BR><HR><BR> Sie haben: <INPUT TYPE="TEXT" NAME="score" VALUE="" SIZE=5> von <INPUT TYPE="TEXT" NAME="outof" VALUE="3" SIZE=5> richtig beantwortet.<BR><BR> Damit haben Sie: <INPUT TYPE="TEXT" NAME="percent" VALUE="" SIZE=3> % des Klassenziels erreicht.<BR><HR><BR><BR> </FORM> </body>
Beispiel:

43. Nach laden der Homepage, erscheint ein Fenster mit dein gewünschten Text

<html> <body> <script language="JavaScript">  </script> </body> </html>

44. Datum/Zeit anzeige

<html> <body> <h3> <script language="JavaScript">  </script></h3) </body> </html>

45. Begrüßung je nach Tageszeit
Code:
<html> <body> <script language="JavaScript"> var heute = new Date(); if(heute.getHours() < 12) { document.write("<h1 align=centre>Guten Morgen</h1>"); } else if(heute.getHours() < 17) { document.write("<h1 align=centre>Guten Tag</h1>"); } else if(heute.getHours() < 22) { document.write("<h1 align=centre>Lasst mich doch in Ruhe Schlafen!</h1>"); } </script> </body> </html>

Beispiel:

Guten Morgen

46. Du wirst beim lade und verlassen der Homepage gegrüßt

<html> <head> <script language="JavaScript"> function wk() { alert("Herzlich Willkommen auf meiner Homepage"); } funktion bey() { alert("Besuch mich mal wieder"); } --> </script> </head> <body onload="wk()" onUnload="bey()"> </body> </html>

47. Der gewünschte Text glüht

48. Die Seite als Startseite festlegen

49. Zeigt die Anzahl der Besuche

Beispiel: Diese Seite hast du schon 4 x besucht. Diese Seite hast du schon 9 x besucht. Diese Seite hast du schon 20 x besucht. Diese Seite hast du schon 1 x besucht. Diese Seite hast du schon 14 x besucht. Diese Seite hast du schon 10 x besucht.

Mausverfolger ( 1-20 ) , ( 21-35 ) ; Java Scripte ; Farb und Bild codes ; html Codes ; Homepage Sicherheit ; HEX Codes ; CSS-Codes ; ICQ