|
Bizonyára láttál már jártadban-keltedben olyan
reklámot, amelyben valamilyen szöveg mozog. Ezt nevezik fényújságnak. Azt
szeretnénk elérni, hogy a weboldalunkon is legyen ilyen mozgó szöveg.
Nagyon jól jön, ha a mondanivalónkat figyelemfelkeltően, mégis viszonylag
kicsi, behatárolt területen szeretnénk tudatni a látogatókkal. A gportalon
előszerettel használják pl. a legújabb frissítések közlésére vagy a
látogatók üdvözlésére. Az utasítás, amivel megvalósítjuk alkalmas arra is,
hogy képeket (pl. buttonokat) mozgassunk vele.
Mint általában a HTML utasítások, ezt is "kacsacsőrők"
fogják közre és lezáró része is van:
<marquee>...paraméterek ...</marquee>
Lássunk egy példát, amin keresztül megismerheted a paramétereket:
Így néz majd ki:
És a kódja:
Vegyük sorra a paramétereket ill. a beágyazott utasításokat:
| style="...." |
- a "dobozunk" stílusát határozzuk meg vele |
| border |
- a doboz szegélyének mérete pixelben (1px) ha
nem kell szegély, elhagyható |
| dashed |
- a szegély szaggatott vonal (ez már ismerős a
6. leckéből) elhagyható
lehet még : dotted - pontozott
double - dupla
groove - bevágott
ridge - kiálló
inset - bemélyített
outset - kiálló |
| #FF0000 |
- a szegély színe (piros)
elhagyható |
| font-size |
- betüméret pixelben (12px) |
| scrollamount |
- a mozgás sebessége (nagyobb szám=gyorsabb
mozgás) |
| direction |
- a mozgás iránya
left - balra
right - jobbra
up - felfelé
down - lefelé |
| height |
- a doboz magassága pixelben (25) |
| with |
- a doboz szélessége pixelben (400) |
Ezzel a paramétereket be is fejeztük, nézzük a beágyazott utasításokat.
(Ezek már ismerősek!)
| <p align="center"> </p> |
- a szöveg középre igazítása (up ill. down irány
esetén) |
| <strong>...</strong> |
- a szöveg félkövér lesz |
| <font color="#ffffff>...</font> |
- a betük színe, a pontok helyére írd a szöveget |
 |
- szóköz (3 db)
ha a mozgás iránya up ill. down, akkor ezek helyére soremelést kell
tenni, kódja: <br> |
Nézzünk néhány pédát a kóddal együtt. Ezeket kimásolhatod, majd
alakítsd kedvedre! |
Jobbra úszik a szöveg
Felfelé úszik a szöveg
Lefelé úszik a szöveg
Begördül a szöveg
Ha jól megnézed a kódot, egy újabb paraméterrel bővült : behavior="slide"
--> begördülés
Váltakozó a szöveg
A "behavior" paraméter most : behavior="alternate" --> váltakozó
TIPP:
Jelöld ki a neked tetsző kódot, majd másold a vágólapra (Ctrl+C)
Ezután klikkelj a kódpróba dobozba és másold be (Ctrl+V) A Megtekintésben
egyből megnézheted. A kódpróba dobozban változtasd a paramétereket, mindig
nézd meg az eredményt. Ha már minden OK, mentsd el magadnak saját
kódodként:))))
KÓDPRÓBA
Jó szórakozást, szerkesztgetést! A következő leckében ugyanezt eljátsszuk
képekkel!Egy klikkelés és már nyomatódik az oldal
|
AJÁNLOM AZ OLDALT
Belépés
