Trucos HTML [Parte 8]



Efectos de transición especiales:

Estos efectos de transición son especiales porque con ellos tu página tendrá una apertura muy original, pero sólo funcionarán con Internet Explorer. No tendrás problemas para utilizar este recurso, ya que los usuarios de otros navegadores no verán errores y la página se cargará normalmente.

 

Ingresa el código debajo de la etiqueta <body> de tu página.



<script language=javaScript>
var n = 15
fadeIn();
function fadeIn(){
var num=new Array("FFFFFF","FFCC00","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g")
for (var i=0; i<=n; i++){
for (var j=0; j<= n; j++){
color=num[i]+num[j]+num[i]+num[j]+num[i]+num[j]
document.bgColor=color
}}
document.bgColor="#FFFFFF"
}
</script>


 

 

Menú desplegable:

 

El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página. Este menú funciona en páginas sin marcos.

 

Para crear tu menú y personalizarlo, pega el siguiente código en tu página HTML:

 

<form>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="http://www.pauluk.8k.com">Pauluk Computación</option>
<option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos PC</option>
<option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias Tecnológicas</option>
</select>
</form>


 

Instrucciones para personalización: Observa que cada opción del menú se hace con la etiqueta:


<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>


No alteres la siguiente etiqueta:

<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">


Si cambiás algo en ella, tu menú no funcionará correctamente.

 

 

Tu icono en la lista de los favoritos:

Este recurso es muy bueno pero sólo funcionará en IE. Cuando alguien agrega tu página a la lista de favoritos, aparece al lado del título un pequeño icono de Internet Explorer. ¿Qué tal si colocas tu propio icono allí? Sí: más personalización para tu sitio.

Para que el icono aparezca en la lista de favoritos del usuario, tenés que colocarlo, primero, dentro de tu espacio y después, incluir dentro de tus páginas una pequeña y simple línea de código que hará que el mismo aparezca en la lista. Podés usar cualquier icono que desees (no olvides que los archivos de icono tienen la extensión .ICO, imágenes gif o jpg no pueden ser usadas).

Incluye el siguiente código entre las etiquetas "<head>" y "</head>" de tu página:



<link rel="SHORTCUT ICON" href="ÍCONO AQUÍ">


 

 

Sonido de fondo en la página:

 

Puedes incluir en tu página un sonido de fondo. De esta forma, siempre que alguien acceda a tu página, escuchará dicho sonido. Así podés darle más personalidad a tu sitio. Los archivos de sonido ideales para una homepage son aquellos en formato MIDI (.MID), pero también podés incluir sonidos del tipo WAVE (.WAV).

 

Netscape e Internet Explorer presentan algunas diferencias en su sistema y, por lo tanto, en algunas versiones de Netscape el sonido puede no ser escuchado.

 

La etiqueta para incluir sonido en tu página debe ser <EMBED>. Observa el ejemplo:

 

<embed src="nombre del tema" autostart="true" loop="10" width="1" height="1"></embed>


 

- En "nombre del tema", ingresás el nombre del tema mid o wav.
- En "loop", ingresás el número de veces que el sonido será repetido.
- En "autostart", definís si querés que el tema comience a sonar solo (atributo TRUE). Si colocás "FALSE", el usuario tendrá que hacer clic en el botón "play" para escuchar el tema.

 

 

Actualizar:

La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar acción alguna. Funciona como un simple redireccionador.

 

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=http://www.casitaweb.net">
<TITLE> Titulo </TITLE>
</HEAD>
<BODY>
Códigos HTML
</BODY>
</HTML>

 

En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar el usuario al nuevo URL.

 

 

Agregar página a Favoritos:

Aprende a incluir en tu página un enlace para que los usuarios puedan agregarla automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en un enlace para que la página se incluya en su lista de favoritos.

<a href="javascript:window.external.AddFavorite('http://casitaweb.net',
'Pauluk Computacion')"><small><font face="Verdana" size="1">
Agregar a favoritos</font></small></a>