Tutorial 3
Tolle texteffekte für deine HomepageAls Webmaster möchte man seinen Besuchern natürlich etwas bieten, damit sie auch möglichst schnell wiederkommen. Es gibt eine Reihe von ganz simplen Codes, die die eigene Homepage jedoch in Sekunden verschönern kann. Ich habe für euch die wichtigsten und schönsten Texteffekte herausgesucht.
Code für den "Blink" Effekt: (Funktioniert nicht im Internet-Explorer)
<blink> Blink Blink </blink>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext von rechts nach links":
<marquee direction=left> Lauftext von rechts nach links </marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
<blink> Blink Blink </blink>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
<marquee direction=left> Lauftext von rechts nach links </marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext von links nach rechts":
<marquee direction=right> Lauftext von links nach rechts </marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
<marquee direction=right> Lauftext von links nach rechts </marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
<marquee behavior=alternate>Lauftext hin und her</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext mit Geschwindigkeit":
<marquee scrollamount=10 scrolldelay=10>Lauftext mit Geschwindigkeit</marquee>
Mit dem Zahlenwert hinter scrollamount= wird der Pixelabstand zwischen den Scrollzuständen bestimmt. Mit dem Zahlenwert hinter scrolldelay= wird die Pausenzeit zwischen den Scrollzuständen bestimmt.
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext mit Bild":
<marquee height="x" hspace="x"> Lauftext mit Bild <img src="bild.gif"> </marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext stoppt beim Überfahren mit Mauszeiger":
<marquee direction="left" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=5" scrollamount="5">Lauftext stoppt beim Überfahren mit dem Mauszeiger!</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext von unten nach oben":
<marquee direction="up" scrollamount="2"> Lauftext von unten nach oben ...</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext von oben nach unten":
<marquee direction="down" scrollamount="3">Lauftext von oben nach unten</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext auf und ab":
<marquee direction="up" behavior=alternate style="height:50px" scrollamount=2>Text scrollt immer auf und ab</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für den "Lauftext mit farbigem Hintergrund":
<marquee bgcolor=#B5E0FF>Lauftext mit farbigem Hintergrund</marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Code für "Bild mit diagonalem Auf und Ab":
<marquee behavior=alternate scrollamount=3 scrolldelay=1><marquee direction="up" behavior=alternate style="height:150px" scrollamount=3 scrolldelay=1><img src="/opt/kde3/share/icons/hicolor/64x64/apps/tux.png"></marquee></marquee>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Klicke mich an
<span onclick="document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'" id="an" style="cursor: pointer;">Klicke mich an</span> <span onclick="document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'" id="zu" style="display: none; cursor: pointer;">zuklappen</span>
<div id="text" style="display: none;">Diesen Text kannst du nur lesen, wenn die Überschrift soeben angeklickt hast. Dieser tolle Effekt wurde von www.Der-Bielefeld-Club.de.tl im Baukasten-Forum bereitgestellt und eignet sich als wahrer Hingucker für deine Seite!</div>
<div id="text" style="display: none;">Diesen Text kannst du nur lesen, wenn die Überschrift soeben angeklickt hast. Dieser tolle Effekt wurde von www.Der-Bielefeld-Club.de.tl im Baukasten-Forum bereitgestellt und eignet sich als wahrer Hingucker für deine Seite!</div>
Dieser Code muss unter "Eigene Seiten editieren" im "Quellcode" des Editors eingefügt werden.
Seite druckenMehr zu diesen Thema?
Kein Problem, schau doch mal in den No Goes nach ob du mehr Infos und Daten zu diesen Thema findest.
