Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Text in Miscare

power_settings_newConectați-vă pentru a răspunde

26102010
Text in Miscare


Text in Miscare



Voi expune in acest articol cateva modalitati de animatie a textului cu ajutorul tagului marquee. Tagul marquee este un element HTML care face in mare, ca scrisul sa se miste de la stanga la dreapta si de sus in jos.

Voi exemplifica pe rand aceste animatii in exemplle ce urmeaza.

Exemple practice

De la dreapta la stanga. Aceasta este cea mai simpla animatie dat fiind faptul ca nu vom avea nevoie de nici o eticheta pentru a o realiza.

Cod:

<marquee>TEXT</marquee>

Rezultatul:
TEXT

------------------------------------------------------------------------------------------------------------------

De la stanga la dreapta. Vom adauga atributul direction cu valoarea "right" dupa cum urmeaza

Cod:

<marquee direction="right">TEXT</marquee>

Rezultatul:

TEXT
------------------------------------------------------------------------------------------------------------------
Alternativ. Cu ajutorul atributului behavior.

Cod:

<marquee behavior="alternate">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De jos in sus

Cod:

<marquee direction="up">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De sus in jos.

Cod:

<marquee direction="down">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ.

Cod:

<marquee direction="up" behavior="alternate">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------

De sus in jos alternativ si de la stanga la dreapta in acelasi timp. Se va obtine o miscare in ziz-zag a textului.

Cod:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------

Si inca odata in zig-zag dar intr-un spatiu inchis.

Cod:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>

Rezultatul:
TEXT

Voi expune in acest articol cateva modalitati de animatie a textului cu ajutorul tagului marquee. Tagul marquee este un element HTML care face in mare, ca scrisul sa se miste de la stanga la dreapta si de sus in jos.

Voi exemplifica pe rand aceste animatii in exemplle ce urmeaza.

Exemple practice

De la dreapta la stanga. Aceasta este cea mai simpla animatie dat fiind faptul ca nu vom avea nevoie de nici o eticheta pentru a o realiza.

Cod:

<marquee>TEXT</marquee>

Rezultatul:
TEXT

------------------------------------------------------------------------------------------------------------------

De la stanga la dreapta. Vom adauga atributul direction cu valoarea "right" dupa cum urmeaza

Cod:

<marquee direction="right">TEXT</marquee>

Rezultatul:

TEXT
------------------------------------------------------------------------------------------------------------------
Alternativ. Cu ajutorul atributului behavior.

Cod:

<marquee behavior="alternate">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De jos in sus

Cod:

<marquee direction="up">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De sus in jos.

Cod:

<marquee direction="down">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ.

Cod:

<marquee direction="up" behavior="alternate">TEXT</marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------

De sus in jos alternativ si de la stanga la dreapta in acelasi timp. Se va obtine o miscare in ziz-zag a textului.

Cod:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

Rezultatul:
TEXT
------------------------------------------------------------------------------------------------------------------

Pe un background

Cod:

<font color="WHITE"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

Rezultatul:
TEXT

------------------------------------------------------------------------------------------------------------------
In Chenar

Cod:

<marquee style="border:BLUE 3px SOLID">TEXT</marquee>

Rezultatul:
TEXT

------------------------------------------------------------------------------------------------------------------
Fotografie. Folosind scripturile de mai sus se pot introduce si fotografii cu sau fara text. Acestea vor fi introduse conform exemplului urmator.

Cod:

<marquee>Ceva text aici <img src="http://i22.servimg.com/u/f22/15/42/26/78/miniba10.jpg" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee>

Ceva text aici [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

NOTA:Unde scrie linku [Trebuie sa fiti inscris si conectat pentru a vedea acest link] inlocuiti cu imaginea dvs. si unde scre ceva text aici puteti completa cu textul dvs. sau sal lasati necompletat este indiferent

------------------------------------------------------------------------------------------------------------------

Cod:

Animatie incadrata in text fix.
Putin text inainte <marquee WIDTH="20%"><img src="http://i22.servimg.com/u/f22/15/42/26/78/miniba10.jpg" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee> Putin text dupa.

Rezultatul:
Putin text inainte [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] Putin text dupa.



Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.


Ultima editare efectuata de catre Rylled in Dum 17 Noi - 16:54, editata de 1 ori

Comentarii

Seby
Frumos 😉
Sk0oBy D0o0
Foarte frumos buna treaba
Roby
Misto stefane tare
luky
super fain :DD::D:D
MnX_Lucy
Misto Tareeeee [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Askiler
Mistooo Stefane imi place
avatar
Foarte tare
Anonymous
felicitari pentru script
darian94
Mersi.... :daydreaming:
MnX_Lucy
darian dc zici mersi??:)):)) ca nu iti ziceam tie ca e misto ii ziceam lui stefan
Sweet
Mda....... cam multe mustrari :|

Seby, luky, MnX_Lucy si darian94 ati primit cate 1 mustrare !
Motiv: Spam. Va rog sa comentati in minim 3 cuvinte !
Anonymous
Stiu de mult codurile astea, nu prea mi-se par de folos.
FOCA
Nici mie nu mi se par de folos, mai mult ma ametesc de cap
Zeus
Subiectul asta este din 26 octombrie 2010, are o vechime considerabila, pe atunci forumul avea alta denumire.
adyx
ma...sunt utile codurile astea...si cred ca trebuie sa le stim cu totii.....

m-a apucat rasul atunci cand am vazut ca lasa toti comment-uri cu acele coduri...foarte tare:))))
Anonymous
Am mai văzut codul când căutam tutoriale HTML pentru începători...Oricum, e mişto.
marius ghe
buna
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum