 HTML Nivel "Super A"
Hoy vamos a tomar a mayor escala el tutorial de HTML "A", y sin mas demora, aquí les dejo el tutorial.
-Variantes de la marquesina de texto=
Veran, la marquesina normal( <marquee> ) tiene muchos derivados para poder controlarla. Y ahora os presentare la mayoria de sus controles que tiene:
-Marquesina de texto que rebota:
Para lograr esto vamos agregarle algo al codigo normal, y quedaria asi:
<marquee behavior=alternate>Texto aquí</marquee>
Como vieron agrege la parte de "Behavior=alternate" eso es lo que ase que la marquesina rebote.
-Como hacer que controlemos la cantidad de espacios que se salta la marquesina:
Para lograr esto agregaremos una parte mas para controlar la cantidad de espacios que se salta la marquesina de texto:
<marquee scrollAmount="1">Texto aquí</marquee>
Veran que esta vez agrege "scrollAmount="1" " el uno(1) seria la cantidad de espacios que se salta la marquesina.
-Controlar la velocidad de la marquesina de texto:
Para lograr controlar su velociedad de nuevo le agregaremos algo al codigo, y quedaria parecido a:
<marquee scrolldelay="100">texto aki</marquee>
Como vieron agrege "scrolldelay="100" " y eso es lo que controla el tiempo. Donde dice "100" son los milisegundos ( 100 milisegundos= 1 segundo)
-Colocar un color de fondo a la marquesina de texto:
Para esto modificaremos de nuevo la marquesina normal, y quedaria asi:
<marquee bgcolor="AA0000">texto aki</marquee>
Como vieron agregamos esta ves "bgcolor="AA0000" " donde dice "AA0000" es el color, para pillar el codigo de un color visita una pagina que tenga una tabla de colores, nosotros planeamos colocar una pronto. El color que dice ese codigo es: Rojo oscuro.
-Controlar la direccion de la marquesina de texto:
Ahora al codigo normal de la marquesina le pondremos otro codigo que es super facil de aprender, que es:
<marquee direction="up">texto aquí</marquee>
Estaves agregamos "direction="up" " donde dice "up" es la direccion que va a tomar la marquesina.
P.D= la direccion tiene que estar escrita en ingles.
-Hacer mas elegante el "Pagina de Inicio":
El codigo normal de la pagina de inicio es:
<p><div align="center"><font size="2" face="Arial" color="0000FF"><u><i><b><a onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://fcorporation.es.tl/');" style="CURSOR: hand" title="Hacer página de Inicio"><font color=#FFFFFF></br>Hacenos tu pagina inicio</font></a></b></i></u></font></div></p>
Ahora digamos que en vez de palabras quieres una imagen, es muy facil eso, simplemente sustitulles las palabras "hacenos tu pagina de inicio" por el codigo de una imagen ( <img> ) y quedaria algo asi:
<p><div align="center"><font size="2" face="Arial" color="0000FF"><u><i><b><a onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://fcorporation.es.tl/');" style="CURSOR: hand" title="Hacer página de Inicio"><font color=#FFFFFF><img src="URL de la imagen"></font></a></b></i></u></font></div></p>
Y haci quedara mucho mas genial el boton "Hacenos tu pagina de inicio"
-Como hacer que la música no se actualize al cambiar/actualizar la pagina:
Ahora os presentare un codigo creador por nuestro amigo "F", para ver un tutorial completicimo sobre este codigo por favor visite esta pagina:
http://www.paginawebgratis.es/forum/viewtopic.php?t=14267
Este es el tutorial mas completo sobre este codigo, incluso viene hasta con imagenes.
-Como usar la re-direccion para hacer una descarga=
Bueno hay sitios de internet que usan este codigo para otras cosas, como para hacer el clasico "Espere, la descarga comenzara en 5 segundos, si no comienza pulse aquí" bueno aquí os muestro como lo hacen. En primer lugar, hacen que la descarga se haga en un pop-up que se habre al hacer click, luego en esa pagina solo colocan la oracion clasica de descarga pero esperen, no coloquen nada, aquí os dejare todo para que no se compliquen:
<html>
<head>
<title>Descarga</title>
<META HTTP-EQUIV="Refresh" CONTENT="3; URL="Aquí su URL">
</head>
<body>
En 5 segundos comenzará la descarga. Si no empieza, pulsa <a href='archivo.zip'>aquí</a>
</body>
</html>
Bueno hay os coloque el codigo exacto de la orcion junto con el codigo para redireccionar, donde dice "Aquí su URL" tiene que colcoar la URL exacta de la descarga.
|
Hacenos tu pagina inicio
