Lesefortschritt:

Internet-Nostalgie #2: Laufschrift erstellen – ein weiterer Webdesign-Gruss aus den 90er-Jahren

2. April 2023 | HTML

Dieser Beitrag beinhaltet 1021 Wörter. – Geschätzte Lesezeit: ca. 6 Minuten.

Nun: Es ist schon eine Weile her, dass Laufschriften als «state of the art» auf gefühlt jeder zweiten Website zu finden waren. Als HTML noch nicht viel konnte und der Content meist regungslos da stand, war die Laufschrift das Mittel der Animation schlechthin. Wer weiss: Vielleicht wollen Sie gelegentlich den Staub von der Laufschrift wegblasen.

Ganz konkret: So etwas wollen wir heute bauen:

Hallo – Ich bin eine Laufschrift.

Der Code dahinter ist denkbar einfach. Reines HTML, das Sie wo immer Sie es wünschen, auf der Website platzieren können. In den WYSIWYG-Editoren von WordPress und anderen CMS müssen Sie allerdings in die Text- oder HTML-Ansicht wchseln und dort folgenden Text einfügen.

<marquee>Hallo – Ich bin eine Laufschrift.</marquee>

Den Laufschrift-Text sollten Sie freilich nach Ihrem Gusto anpassen.

Allerdings wird der <marquee>-Tag mittlerweile nicht mehr empfohlen. Auch wenn einige Browser ihn noch unterstützen, gilt der Tag unterdessen als veraltet.

Dennoch: Hier ein paar Variationen des <marquee>-Tags

Der Code …

<marquee>Dieser Text wird von rechts nach links gescrollt.</marquee>

… und das Ergebnis:

Dieser Text wird von rechts nach links gescrollt.
<marquee direction="right">Dieser Text wird von links nach rechts gescrollt.</marquee>
Dieser Text wird von links nach rechts gescrollt.
<marquee behavior="slide">Dieser Text wird nur einmal gescrollt.</marquee>
Dieser Text wird nur einmal gescrollt.
<marquee direction="up">Dieser Text wird von unten nach oben gescrollt.</marquee>
Dieser Text wird von unten nach oben gescrollt.
<marquee direction="down" width="100%" height="300" behavior="alternate">
<marquee behavior="alternate"> Dieser Text springt umher. </marquee>
</marquee>
Dieser Text springt umher.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This