Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Script ninsoare
Scris de JeKa123 Ieri la 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
» Hello
Scris de admin Mier 30 Noi - 16:10
Cuvinte-cheie

radio  ultimele  menu  html  Metin2  legenda  Statistici  reclama  tutorial  tema  subiecte  drop  animate  subforumuri  edit  banner  phpBB2  avatar  meniu  punbb  cautare  chenar  navigare  Bara  Mesaje  profil  

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 inscris si conectat pentru a vedea aceasta 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 inscris si conectat pentru a vedea aceasta 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.

Comentariile utilizatorilor
Membru ET
la data de Mar 26 Oct - 11:42
Seby Membru ET
Conectat
Frumos :wink:
Membru ET
la data de Mar 26 Oct - 11:53
Sk0oBy D0o0 Membru ET
Conectat
Foarte frumos buna treaba
Membru ET
la data de Mar 26 Oct - 15:13
Roby Membru ET
Conectat
Misto stefane tare
Membru ET
la data de Mar 26 Oct - 15:58
luky Membru ET
Conectat
super fain :DD::D:D
Membru ET
la data de Sam 30 Oct - 11:52
MnX_Lucy Membru ET
Conectat
Misto Tareeeee [Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]
Membru nou
la data de Mier 3 Noi - 9:08
Askiler Membru nou
Conectat
Mistooo Stefane imi place
Membru dedicat
la data de Dum 7 Noi - 20:24
Branny Membru dedicat
Conectat
Foarte tare
Vizitator
la data de Dum 5 Dec - 22:27
Vizitato Vizitator
Conectat
felicitari pentru script
Membru ET
la data de Vin 24 Dec - 10:53
darian94 Membru ET
Conectat
Mersi.... :daydreaming:
Membru ET
la data de Dum 2 Ian - 11:09
MnX_Lucy Membru ET
Conectat
darian dc zici mersi??:)):)) ca nu iti ziceam tie ca e misto ii ziceam lui stefan
Membru ET
la data de Lun 9 Mai - 15:32
Sweet Membru ET
Conectat
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 !
Vizitator
la data de Lun 9 Mai - 16:02
Vizitato Vizitator
Conectat
Stiu de mult codurile astea, nu prea mi-se par de folos.
Membru ET
la data de Mar 10 Mai - 19:54
FOCA Membru ET
Conectat
Nici mie nu mi se par de folos, mai mult ma ametesc de cap
Administrator
la data de Mar 10 Mai - 20:14
Zeus Administrator
Conectat
Subiectul asta este din 26 octombrie 2010, are o vechime considerabila, pe atunci forumul avea alta denumire.
Membru ET
la data de Vin 13 Mai - 12:17
adyx Membru ET
Conectat
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:))))
Vizitator
la data de Vin 30 Dec - 22:03
Vizitato Vizitator
Conectat
Am mai văzut codul când căutam tutoriale HTML pentru începători...Oricum, e mişto.
Membru nou
la data de Sam 18 Apr - 19:46
marius ghe Membru nou
Conectat
buna