ich bin Lyn von dem Tutorialblog "It's Time to steal Ideas" und meinem Blog "I lost my soul in faded memories".
Heute zeige ich euch ein bisschen HTML. Und ich denke es interessiert auch einige von euch. Und zwar ist das hier ein Tutorial wie man eine sich bewegende Schrift machen kann. Ein Beispiel dafür seht ihr hier:
(Kommt sehr verwirrend herüber, das Chaos an sich bewegender Schrift dort oben. Ich hoffe ich verzeiht mir das.)
-----------------------------------------------------------------------------------
Als erstes braucht ihr folgenden Code:
<marquee>HIER KOMMT DEIN TEXT HIN
</marquee>
Dann sieht das ganze so wie hier aus:
Um den Text noch weiter zu gestalten gibt es folgende Optionen:
direction:
Mit den Attribut direction könnt ihr die Richtung des Textes festlegen.
Dabei gibt es folgende Möglichkeiten:Fließrichting von Links nach Rechts
direction="right"
direction="left"Fließrichtung von Rechts nach Links
direction="up"Fließrichtung von unten nach oben
Fließrichtung von oben nach unten
direction="down"
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 ihrdirection="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;>
)
Ich hoffe das Tutorial konnte euch helfen oder ähnliches. ♥
Bei Fragen fragt mich doch einfach auf Formspring!
Supi! ich liebe marquee tags aber das scrolldelay kannt ich noch nicht. Danke für's Tut!
AntwortenLöschenDanke für's Tutorial, ist super erklärt!:) Ich wollte schon immer mal wissen, wie das geht...
AntwortenLöschenSuper :) Danke fürs Tutorial habs sofort auf meinem Blog umgesetzt :)
AntwortenLöschenLG
vielen dank :)
AntwortenLöschenlg Sunny
ich finds sehr gut beschrieben! :-)
AntwortenLöschenDanke dir! ♥
Löschenwo kann ich es verwenden?? auch bei den Komantaren?? oder nur bei den Post???
AntwortenLöschenMein Blog/Blogum
uiui, das habe ich ewig nicht mehr im web gesehen - hat mir nie so gefallen. aber was neues gelernt hab ich doch - wusste gar nicht, dass man so einfach die geschwindigkeit beeinflussen kann.
AntwortenLöschenDankeschööön...habe sogar ich geschafft
AntwortenLöschen*ganzargfreu*
Tolles Tutorial :) Hab's schon auf meinen Blog hinzugefügt, ich wollte das schon immer mal haben *-* ♥
AntwortenLöschenTolles Tutorial!!
AntwortenLöschenMarie.
Ah, jetzt sehe ich es erst. Mit Safari bewegt sich nämlich nichts...
AntwortenLöschenJa, leider nehmen noch nicht alle Browser den Code an.
Löschenvielen lieben dank !♥
AntwortenLöschenbei mir klappt alles super und ich freue mich total,weil ich das bei andren' blogs schon gesehen habe und mich immer gefragt hab wie das geht..riesiges danke an euch ♥
muss man da auf Gadgets->Text und das dann machen?
AntwortenLöschenSuper tolles Tutorial! Danke! :)
AntwortenLöschenhttp://sarahbreathless.blogspot.de/
Und wie verändere ich die Schriftgröße??? :)
AntwortenLöschenHey,
AntwortenLöschendanke habs gleich eingeführt :)
funktioniert das auch bei der sidebar? wenn ich jetzt zum beispiel ein gadget hinzufügen möchte, einen text, wie kann ich dann machen, dass es sich bewegt? ich hoffe, ihr könnt mir helfen!:)
AntwortenLöschenKann man diese bewegende Schrift auch noch mit Links versehen? :)
AntwortenLöschenhat mir echt geholfen! :) danke!
AntwortenLöschenpureseduction-lisa.blogspot.de
Leider macht es bei mir nach dem Einfügen einen Absatz den ich nicht will.... ;/ ich kämpfe mit der Breite und dem Text neben Bilder setzten, da schiebt es mir dadurch den Text unter das Bild, was ich ja nicht will. Trotzdem eine tolle Idee :)
AntwortenLöschen