flores 4

jueves, 2 de mayo de 2024

Marquesinas

Vamos a ver algunas frases o textos móviles para insertar en nuestro blog, Lo haremos insertando la etiqueta <Marquee> y dándole a esa etiqueta unos atributos que serán los que le darán movimiento y dirección a los textos. Para esto insertaremos un código  HTML en una entrada de nuestro blog.
Según el código que insertemos la frase se moverá hacia la derecha, la izquierda, hacia arriba o abajo; también podremos poner una imagen en movimiento con un enlace a otra pagina o sin él.
Para insertar los códigos en tu blog, solo hay que copiarlo y pegarlo en una entrada en modo HTML o  también lo puedes poner en un gadget JavaScript, luego cambiar el texto que esta en rojo por el texto que tu quieras que aparezca, y el texto que esta en azul son enlaces a imágenes o a otras paginas, cámbialo por el enlace que te interese poner. 

También se puede pegar el código en el titulo de la entrada.

PALABRAS EN MOVIMIENTO DE DERECHA A IZQUIERDA

<marquee behavior="scroll" direction="left">

<a href="https://elblogdewarda.blogspot.com/p/blog-page_31.html" target="_blank">

<span style="color: blue;">Bienvenido al rinconcito de Warda</span>

</a>

</marquee>

Este codigo lleva un enlace a otra página que puedes cambiar o eliminar.

Ver el ejemplo:

Bienvenido al rinconcito de Warda

  MOVIMIENTO DE DERECHA A IZQUIERDA CON REBOTE 

<marquee behavior="alternate">

<span style="color:blue;"> Bienvenido al blog de Rosa

</marquee>

Ver el ejemplo:

Bienvenido al blog de Rosa



MOVIMIENTO DE ABAJO HACIA ARRIBA

<marquee behavior="scroll" direction="up">

<span style="color:blue;">

Bienvenido al blog de Rosa</marquee>
 
Ver Ejemplo


Bienvenido al blog de Rosa



MOVIMIENTO CON UNA IMAGEN DE DERECHA A IZQUIERDA

<marquee behavior="scroll" direction="left"><img alt="smile" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0t-mgBjkuF7c9Zr16o6Aij8Nl5huefuGXb5oW2w0isFd6uJY5kS2sWSR8TGL9b1TqFO5yKPkk-tb6sWz8MKWXhqPc9BX3l1Wk5rC1QmWmcygWOLey2O3rG7LwVJH-oVtlAkjf2fNVeOPbAn0GSmff0KACSJiUEz6-fQx37_k1g-HwpHtNvLqKQzqR11A4/w320-h109/Sin%20t%C3%ADtulo-1.png" width="300" /><br />Bienvenidos a href="https://expresionartistica-2324.blogspot.com/p/inicio.html <a href=> El blog de Artística</span></a></marquee>
<span style="background-color: #fcff01;">


Esta imagen lleva un enlace debajo que puedes quitar si lo deseas.
  • Cambia el texto de color rojo por el texto que quieras que aparezca en tu entrada
  • cambia  el texto de color verde por el enlace quieras mostrar.
  • cambia el texto de color azul por el enlace a la imagen que quieras mostrar.


Ver ejemplo

smile
bienvenidos a el blog de Artística



MOVIMIENTO DE ARRIBA HACIA ABAJO


<marquee direction="down">   Bienvenido al blog de Rosa   </marquee>

Aqui solo hemos puesto la etiqueta <marquee> y la dirección en la que queremos que se mueva el texto

Ver Ejemplo

Bienvenido al blog de Rosa

No hay comentarios:

Publicar un comentario