Webhosting, Webdesign, Druckservice, Beschriftung, Textildruck - Ihr Werbepartner  
Webhosting Webdesign Druckservice Beschriftung Textildruck  
Support - unser Serveric für Sie: online schnell Hilfe bekommen  || Info anfordern
Einleitung Leistungen Preise WebCard Ihre Anfrage  
 
 

zurück | weiter

       Nützliche Tipps und Tricks rund um HTML

 

HTML-Tricks

 
HTML-Tricks

Laufschrift mit Marquee

 
Laufschriften sind eine recht nützliche Möglichkeit Inhalte an den Besucher weiterzugeben. In der heutigen Zeit des Internets werden sie meist für aktuelle Neuigkeiten als sogenannte Newsticker verwendet.
 

Um Newsticker zu erstellen wird das Marquee Tag verwendet. Die Sache hat aber einen kleinen Haken: Lediglich der Internet Explorer kann dieses Tag zur Zeit korrekt ausgeben. Besucher, die beispielsweise den Netscape Navigator (bis zur Version6) verwenden, bekommen gerade einmal einen Schriftzug und eine Überschrift, jedoch keine Laufschrift zu Gesicht.

Und so funktioniert es:
Das <marquee> Tag, welcher eine solche Laufschrift erzeugt, wird wie ein ganz normales HTML Tag verwendet. Es wird wie jedes Tag an eine beliebige Stelle in den Bodybereich des HTML Dokuments eingefügt. Jedes Tag wird wiederum durch ein schließendes </marquee> Tag geschlossen. Zwischen dem öffnenden und dem schließenden Tag steht dann der Text, welcher als Laufschrift ausgegeben werden soll.

Hier ein kleines Beispiel für eine einfache Laufschrift:
<marquee>Hier steht die Laufschrift</marquee>

Sie können dieses Tag noch ein wenig erweitern. So können Sie beispielsweise den Text gegen die Leserichtung, also von links nach rechts laufen lassen. Hierfür ist lediglich das direction Attribut von Nöten.

Und so sähe der Code dann aus:
<marquee direction="right">Text läuft von links nach rechts</marquee>

Es ist des weiteren auch möglich die Laufschrift in wechselnden Laufrichtungen ausgeben zu lassen. Hierfür benötigen Sie das Attribut behaviour mit der Definition alternate.

So sähe der Code dann aus:
<marquee behaviour="alternate">Text in abwechselndet Laufrichtung </marquee>

Auch die Geschwindigkeit der Laufschrift können Sie bestimmen. Für die Geschwindigkeit der Pixelabstände setzen Sie folgendes Attribut: scrollamount=23 (oder einen anderen beliebigen Wert). Für die Verzögerung bei der Anzeige setzen Sie folgendes Attribut: scrolldelay=3 (oder einen anderen beliebigen Wert) Sie können auch die Farbe des Hintergrundes definieren. Setzen Sie hierfür einfach das bgcolor Attribut.

Beispiel:
<marquee bgcolor=blue>Lauftext auf blauem Hintergrund</marquee>

Neben der Hintergrundfarbe können Sie auch die Schrift formatieren. Setzen Sie hierfür einfach das <font> Tag mit den etwaigen Attributen-
<marquee ><font size=3 color=yellow>Lauftext in der Größe 3 mit gelbem Text</font> </marquee>

Zusätzlich könnte auch die Größe des Bereichs festlegt werden, in dem die Laufschrift erscheint. Werte können in Pixeln (Standard) oder in Prozent anegeben werden.

Beispiel:
<font size=5><marquee width=200 height=20>Newsticker mit festgelegtem Bereich</marquee></font>

Sie können den Marquee Text auch als Link definieren, sodass der Besucher auf diesen klicken kann und dann auf eine andere Seite weitergeleitet wird.
<font face="Verdana"><marquee width=100><a href="abcd.htm">Newsticker mit Hyperlink</a></marquee></font>

24h E-Mailsupport
KamasutraSeite Drucken ˆ Nach oben « Zurück
Webhosting | Webdesign | Druckservice | Beschriftung | Textildruck Domainservice | Webhosting Hilfe | Impressum