Blinkender Hintergrund 1 2 [IE|M|O|G]

von: Werner Zenk

Möchte man auf seiner Homepage, auf etwas aufmerksam machen,
so kann dieser blinkende Text-Hintergrund eingesetzt werden.

Wie alles animierte, so sollte man den blinkenden Hintergrund nur
sparsam auf der Homepage einsetzen.

• Beispiel:

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

Quelltext:

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.

Quelltext:

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.

Quelltext:

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.

Quelltext:

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.

Quelltext:

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

Bilder mit unterschiedlicher Blinkgeschwindigkeit.
Originalgröße der Hintergrundbilder: 2x2 Pixel.
Verwendbar auf weißen Seitenhintergrund.

Tipp: Mit dem

MS Gif Animator können Sie die Blinkgeschwindigkeit ändern
und den Bild-Hintergrund Ihrer Homepage anpassen.

Weitere Beispiele

Blinkender Hintergrund (Seite 1)

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Frank: Absolute Spitze, sowas habe ich schon lange gesucht. und dann auch noch mit CSS. Klasse müso: kann man das alles im internet explorer sehn??? Werner: Ja! stadtindianer: Der IE zeigt eh alles, aber was ist mit dem FF und dem Opera? Werner: Getestet mit IE7, Firefox2 und Opera9. Siehe Überschrift! -> [IE\|M\|O] David: Na endlich, css Sepp: Danke für deine Tipps, diese Seite ist echt klasse! Michael: Also die ganze Homepage ist ja voller klasse Tipps. Echt mal einen ganz herzlichen Dank!
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!