En muchos sitios web verá un texto en movimiento, también puede agregarlo a su blog con solo una etiqueta de marquesina.
También puede agregarlo en la parte superior o justo debajo de su barra de navegación.
En este tutorial primero veremos cómo usarlo. la etiqueta de la marquesina y después veremos la etiqueta de la marquesina usando el CSS.
Ahora veamos cómo usar la etiqueta de marquesina.
Ve a tu editor de publicaciones
Cambiar pestaña para Editar HTML
En Editar tipo de sección HTML
Oh ve a Diseño y añade un elemento de pagina “HTML-Javascript” y lo incustas dentro y a volar.
Aquí tenemos la Marquesina Básica que tira a la izquierda i va que te matas
<marquee>BIENVENIDO A TEMAS IMPOSIBLES</marquee>
Y se Verá de esta manera;
Para detener marquesina con el mouse sobre el mouse, deberás usar esta etiqueta
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">BIENVENIDO A TEMAS IMPOSIBLES</marquee>
Y se Verá de esta manera;
Agregar CSS a la etiqueta de la marquesina
Para cambiar el fondo, la familia de fuentes y el color de la fuente, use el siguiente código:
Color del Texto; color:#FF0000;
Color de Fondo #FFCC00 C
<style>
.text
{
color:#FF0000;
font-family:verdana;
background:#ffcc00;
padding:5px;
}
</style>
<div class="text">
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">BIENVENIDO A TEMAS IMPOSIBLES</marquee></div>
.text
{
color:#FF0000;
font-family:verdana;
background:#ffcc00;
padding:5px;
}
</style>
<div class="text">
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">BIENVENIDO A TEMAS IMPOSIBLES</marquee></div>
Y por ultimo lo guardáis todo bien guardadito y listo a otra cosa mariposa espero que el post haya sido de vuestro agrado y hasta otra Amigos.
0 comentarios:
Publicar un comentario