Blinkender Hintergrund

Möchte man auf seiner Website, auf etwas aufmerksam machen, so kann dieser blinkende Text-Hintergrund eingesetzt werden. Wie alles animierte, so sollte man den blinkenden Hintergrund nur sparsam einsetzen.

Beispiel:

Das hier ist ein kleiner aber feiner Testtext zum demonstrieren des Beispiels.

Das hier ist ein kleiner aber feiner 
<span style="background-image: url(blink2.gif); background-color: #FFFFA4;">
Testtext</span> zum demonstrieren des Beispiels.

Beispiel mit anderer Farbe:

Das hier ist ein kleiner aber feiner Testtext zum demonstrieren des Beispiels.

Das hier ist ein kleiner aber feiner 
<span style="background-image: url(blink2.gif); background-color: #A3A3D1;">
Testtext</span> zum demonstrieren des Beispiels.

Mit dem nächsten Beispiel wird das blinken erhöht:

Das hier ist ein kleiner aber feiner Testtext zum demonstrieren des Beispiels.

Das hier ist ein kleiner aber 
<span style="background-image: url(blink1.gif); background-color: #FFA87D;">
feiner</span> Testtext zum demonstrieren des Beispiels.

Mit dem nächsten Beispiel wird das blinken verlangsamt:

Das hier ist ein kleiner aber feiner Testtext zum demonstrieren des Beispiels.

Das hier ist ein kleiner 
<span style="background-image: url(blink3.gif); background-color: #FFBFDF;">
aber feiner</span> Testtext zum demonstrieren des Beispiels.

Mit dem nächsten Beispiel wird das blinken noch langsamer

Das hier ist ein kleiner aber feiner Testtext zum demonstrieren des Beispiels.

Das hier ist ein 
<span style="background-image: url(blink4.gif); background-color: #E6E6E6;">
kleiner aber feiner Testtext</span> zum demonstrieren des Beispiels.

Benötigte Bilder:

= blink1.gif     = blink2.gif     = blink3.gif     = blink4.gif


Siehe auch: Blinkende Inhalte mit Keyframes

Tipps

Seiten druckfrisch gestalten
Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.
Verzeichnis auslesen und mit einem Link verknüpfen
Beispiele wie ein Verzeichnis (Ordner) über PHP ausgelesen und mit einem Link verknüpft wird.
Favicon erstellen - Ihr Logo in den Lesezeichen (Favoriten)
Das Favoriten Icon wird bei einem Bookmark in die Favoritenliste aufgenommen. Dort erscheint zukünftig die „gebookmarkte” Webseite mit einem eigenen Symbol.
Diese Schlagwörter könnten Sie interessieren:
Operatoren Event-Kalender Mimetypen Lokaler Webserver Zugriffsrechte RSS Feed Audio-Player Floodsperre Dateibrowser Mauszeiger Fotoalbum Quelltext PHP-Fehlermeldungen Counter Silbentrennung Sortierung Formulare Key Codes Responsiv Kommentar-Box