Despre Scroll

Aceste coduri pot fi folosite in portal(cu opţiunea "modul personalizat") in mesajul de pe pagina de start
sau in descrierea forumului.
Numele pentru tag-ul de scroll: marquee
Atribuţiile acestui tag:
id : identificator
scrolldelay : timp im milisecunde intre fiecare mişcare
scrollamount : distanta in pixeli intre fiecare mişcare
height, width : înălţimea si lăţimea in pixeli a ferestrei cu scroll
direction : direcţia scroll-ului
:: UP => de jos in sus
:: DOWN => de sus in jos
:: LEFT => de la dreapta spre stânga
:: RIGHT => de la stânga la dreapta
behavior : comportamentul scroll-ului
:: ALTERNATE => in alternanta
:: SCROLL => scroll (opţiune iniţială)
:: SLIDE => slide dintr-o parte in alta
loop : număr de scroll-uri daca nu este specificat => număr infinit ( ca opţiune iniţială)

==> Un text simplu de scroll:

Cod:

<marquee>textul tau aici</marquee>

==> Un scroll simplu cu poza - orizontala(&nbsp; <=> space):

Cod:

<marquee><img src="http://URL_image1"></img>&nbsp;<img src="http://URL_image2"></img>&nbsp;<img src="http://URL_imageN"></img></marquee>

==> Un scroll simplu cu poza - verticala (<br>):

Cod:

<marquee direction="up"><img src="http://URL_image1"></img><br><img src="http://URL_image2"></img><br><img src="http://URL_imageN"></img></marquee>

Daca doriţi sa faceţi imaginile verticale sau orizontale nu uitaţi sa introduceţi &nbsp sau <br>

==> Scroll poza cu link-uri(parteneri):

Cod:

<marquee><a href="http://URL_link1" target="_blank"><img src="http://URL_image1"></img></a><a href="http://URL_link2" target="_blank"><img src="http://URL_image2"></img></a><a href="http://URL_linkN" target="_blank"><img src="http://URL_imageN"></img></a></marquee>

==>Scroll care se opreşte si porneşte la trecerea mouse-ului:

Cod:

<marquee onmouseover="this.stop();" onmouseout="this.start();">text sau imagine</marquee>

Versiunea a doua -- scroll-ul porneşte când mouse-ul trece peste un element:
Pentru text:

Cod:

<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">TEXT AICI</span></marquee>

Pentru poze :

Cod:

<marquee id="id1"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></marquee>

Pentru poze cu link:

Cod:

<marquee id="id1"><a href="http://URL_link1" target="_blank"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_link2" target="_blank"><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_linkN" target="_blank"><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a></marquee>

Este posibil si sa customizezi textul scroll-ului:
In tag-ul marquee, trebuie adăugat următorul cod:

Cod:

style="ATTRIBUTE of STYLE: VALUE;"

Atribute ale stilului:
:: HEIGHT si Width pentru înălţimea si lăţimea scroll-ului
:: BACKGROUND-COLOR pentru a modifica culoare de fundal
:: BACKGROUND : URL('http://URL_background_image'); BACKGROUND-ATTACHMENT: FIXED; pentru a adaugă o imagine de fundal fixa
:: COLOR pentru a schimba culoarea textului
:: FONT-SIZE pentru a schimba dimensiunea textului
:: TEXT-ALIGN LEFT, RIGHT, CENTER or JUSTIFY pentru a modifica alinierea textului Stânga,Dreapta,Centru sau Justify

Scris de SanDream
Corectat de Katt
Tradus de Luky