Donnerstag, 7. Juni 2012

Sich bewegende Schrift


Guten Abend meine Süßen.
Heute zeige ich euch die bewegende Schrift die einige unter euch vielleicht schon kennen.
Ein Beispiel dafür seht ihr hier:

Hallo Du da!


Natürlich kann man das ganze auch so: 

Hallo Du da!
so: Hallo Du da!
oder so: Hallo Du da!aussehen.







Als erstes braucht ihr folgenden Code:


<marquee>HIER KOMMT DEIN TEXT HIN</marquee>


Und mit den folgenden Codes könnt ihr sogar die Richtung bestimmen

direction: Mit den Attribut direction könnt ihr die Richtung des Textes festlegen.

direction="right"
 Fließrichting von Links nach Rechts

direction="left" 
Fließrichtung von Rechts nach Links

direction="up" 
Fließrichtung von unten nach oben

direction="down"
 Fließrichtung von oben nach unten

Das Attribut wird VOR der Schließenden >-Klammer von <marquee> eingefügt.

Bsp.: <marquee direction="right">


scrolldelay: Das Attribut scrolldelay definiert den Abstand zwischen dem Text und seiner Wiederholung genauer. Die Zahlen bezeichnen die Millisekunden die Zwischen zwei Texten liegen. Um so größer die Zahl, um so größer der Abstand! Das Attribut wird VOR der Schließenden >-Klammer von<marquee> eingefügt. (Bsp.: <marquee direction="right" scrolldelay="200"> )

Bsp.1: scrolldelay="200"
Bsp.2: scrolldelay="800"



scrollamount: Das Attribut scrollamount beschreibt die Schnelligkeit des Textes. Je größer die Zahl um so schneller fließt der Text. Das Attribut wird VOR der Schließenden >-Klammer von <marquee>eingefügt. (Bsp.: <marquee direction="right" scrolldelay="200" scrollamount="3"> )

Bsp.1: scrollamount="100" Bsp.2: scrollamount="3"



Height: Definiert die Höhe. Wenn ihr direction="up" oder direction="down" ausgewählt habt, dann könnt ihr damit die Höhe des Textbereiches einstellen (in Pixel). (Bsp.: <marquee direction="right"scrolldelay="200" scrollamount="3" height="25px;> )



Das wars auch schon. Ich hoffe ich konnte helfen :) 


1 Kommentar:

  1. Toller Blog! Und echt schön, das du geschriebnen hast, wie das geht. :)
    Liebe Grüße. ♥
    http://www.trends-fashion-makeup-more.blogspot.de/

    AntwortenLöschen