jueves, enero 08, 2015

[ TutosBlogs ] Etiqueta Marquee / Desplazamiento de Textos,Imagenes o tablas

By: Ghaaby Captor | Fecha: 1/08/2015 |

   mis loqueros!!  empecemos con esta entrada yeaah!! y porfin empezamos con los tutoriales! y bueno este me lo han pedido un monton! asi que espero que lo entiendan y que les gusten! n___n


¿Que es el código Marquee?
La etiqueta crea una marquesina cuyo contenido se desplaza. Por defecto, ocupa todo el ancho de la pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.
By vagabundia

  • NOTA: No sólo pueden contener textos, también puede ser imágenes, vínculos o tablas.

Los atributos que se usan con el codigo Marquee:


WIDHT = Ancho   HEIGHT = Alto
EJEMPLO:
... texto ...
<marquee align="bottom" height="30px" width="25px"><br />... texto ...</marquee>



ALIGN = Alinear el texto y que pueden ser: top (arriba), middle (centrado) bottom (abajo). 
EJEMPLO:
... texto ...
 <marquee align="bottom" height="30px" width="25px">... texto ...</marquee>



DIRECTION = Es la dirección hacia la que se dirige el texto. 
Puede ser left (Izquierda), right (Derecha), up(Arriba) o down(Abajo):
EJEMPLO:
... texto ...
<marquee direction="right"> ... texto ...</marquee>




SCROLLDELAY: Éste nos define la velocidad del texto que está dentro de la marquesina. A menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay es 5, que si el scrolldelay es 20.
EJEMPLO:
... texto ...
<marquee scrolldelay="300"> ... texto ... </marquee>



BGCOLOR = Es el color de fondo. o también puedes usar el atributo STYLE
EJEMPLO:
... texto ...
<marquee bgcolor="#FE2EC8"> aqui texto </marquee>




BEHAVIOR = Es la manera de como se va a efectuar el desplazamiento. con el behavior="alternate" el texto irá y volverá de un lado a otro.
EJEMPLO:
... texto ...
<marquee behavior="alternate">... texto ...</marquee>





LOOP = Nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselo con un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente:
EJEMPLO:
... texto ...
<marquee loop="10">... texto ...</marquee>


Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se repetirá constantemente.
EJEMPLO:
... texto ...
<marquee loop="infinite">... texto ...</marquee>




Detener e iniciar marquesina al pasar el cursor por encima
EJEMPLO:
... texto ...
<marquee onmouseout="this.start()" onmouseover="this.stop()">... texto ...</marquee>

o también puede ser
EJEMPLO:

... texto ...

<marquee direction="up" onmouseout="start()" onmouseover="stop()" scrollamount="2" scrolldelay="100"><br />... texto ...</marquee>

Código de los Colores [ Clic Aqui ]


INICIATIVA  AL ESTILO BLOGGER UNETE!!
 clic a la imagen  

avatar
YoSueño
Admin
8 de enero de 2015, 5:50

Hola guapa, no entiendo mucho de esto aunque lo explicas muy bien, mi enhorabuena por el trabajo que haces,
espero que te valla muy bien en la universidad. Un Fuerte ABRAZO

avatar
Segurito
Admin
8 de enero de 2015, 7:32

ohhh!! muy buena explicación!
Te felicito por tu trabajo! :D
nos leemos luego!! bye-beee! :3

avatar
Shine
Admin
8 de enero de 2015, 8:32

Gracias por explicar lo de los atributos, me puede ser útil :)
besitos

avatar
Rei Osaki:
Admin
8 de enero de 2015, 13:35

WOOOOOOOOOOOOOOOOOOOOW! Ghaaby!! Quedo alucinada con tu blog! Hacía tanto que no me pasaba por aquí, y lo encuentro todo diferente!
Me ha encantado el diseño, como siempre! Y lo de la revista es genial!! ME ENCANTAAA ♥.♥ Jajaja

¿Cómo te ha ido todo este tiempo? Espero que bien ^^ Ya me pasaré más a menudo por aquí (si es que no dejo blogger abandonado como últimamente >_<)
Un besito enormeemeemememeemee :3

avatar
8 de enero de 2015, 16:50

Uy yo me acuerdo que tenía una hasta que por error la borre y me olvide de como hacerla . Gracias por el tutorial . Te mando un beso y te me cuidas

avatar
8 de enero de 2015, 16:52

Buen tutorial y muy bien explicado!! ^^ la marquesina es todo un clásico y suele quedar muy chula!
Saludoss! :)

avatar
Mae.ri Holic
Admin
8 de enero de 2015, 19:13

Pero que buen tutoriales!! *3*.
Me veré si lo puedo utilizar
Saludooos <3

avatar
Yurika
Admin
9 de enero de 2015, 1:30

buen tutorial gracias

avatar
Lia
Admin
14 de enero de 2015, 16:35

No sabía ni lo que era:O Muy buenisimo tutorial, gracias!

avatar
Ana Turon
Admin
8 de febrero de 2016, 17:53

Hola! Muy buen post, gracias!! pero el texto siempre se desplaza de derecha a izquierda aunque ponga otros códigos. Podrías decirme qué hice mal? gracias!!