2011. szeptember 12., hétfő

Mozgó szöveg, dobozok, és dolgok (marquee)

A HTML-ben van egy nem szabványos de sok helyen használt tag ami mozgatni kezdi a dolgokat, lehet az akármilyen objektum:

ha akarsz ilyen futó szöveget olvasd el a cikket!
ez pedig egy másik féle futó szöveg
Íme az elsőnek a kódja:


<marquee style="padding: 2px; height: 25px; border: 1px solid #000000; background-color: #EEEEEE; font-size: 16px; font-family: Comic Sans MS; color: #11BB11;" direction="left"  scrolldelay="1" scrollamount="4">ha akarsz ilyen futó szöveget olvasd el a cikket!</marquee><!-- HTML by srmark -->



Piros: magasság
Kék: keret
Zöld: háttér
Narancssárga: a mozgás iránya: left=balra, right=jobbra, down=lefelé, up=felfelé
Lila: a mozgás sebessége, elvileg mind2 csinál valamit, de az utóbbit (scrollamount) írd át, ha növeled a számot gyorsabb lesz, ha csökkented lassabb
Szürke: a beleírt szöveg tulajdonságai




Ha nem csak szöveget akarsz futtatni itt egy másik kód ami gyakorlatilag ugyanaz csak a kinézete más (a második példa):




<marquee style="margin: 3px; border: 0px; background: transparent none; font-size: 16px; font-family: Comic Sans MS; color: #11BB11" direction="right" scrolldelay="1" scrollamount="4"><div style="border: 1px solid #000000; background-color: #EEEEEE; padding: 2px;">szöveg</div></marquee>



A kódban világoskékkel jelöltem azt a részt amit mozgat tehát azt cseréld le, vagy akár azon belülre is tehetsz dolgokat a szöveg szó kicserélésével.


Leírást találsz még erről ITT.

Nincsenek megjegyzések:

Megjegyzés küldése