Bajar el menú comprimido

Como personalizar el Menú: Una vez que has descomprimido los archivos debes guardar la página web y las imágenes en la misma carpeta. Además de los botones del menú de demostración, el set trae un par de botones en blanco a los que puedes añadir texto y reemplazar con ellos los botones preestablecidos.

Puedes usar la página del menú como plantilla o modificar el código en ella y luego copiarlo y pegarlo en tu propia página web. Primero debes modificar la parte del código que está entre <head> y </head>. Esto es lo que debes modificar, lo demás déjalo tal como está:

graphic_b1_off = new Image(); graphic_b1_off.src = "graphic_b1.gif" (Email)
graphic_b1_over = new Image(); graphic_b1_over.src = "graphic_b1_over.gif" (Email mouseover)
graphic_b2_off = new Image();graphic_b2_off.src = "graphic_b2.gif" (Links)
graphic_b2_over = new Image(); graphic_b2_over.src = "graphic_b2_over.gif" (Links mouseover)
graphic_b3_off = new Image(); graphic_b3_off.src = "graphic_b3.gif" (Download)
graphic_b3_over = new Image(); graphic_b3_over.src = "graphic_b3_over.gif"(Download mouseover)

Puedes modificar el orden de los botones del menú, pero recuerda mover los dos botones que conforman cada link (el botón normal y el botón mouseover). Si quieres reemplazar los botones preestablecidos sólo debes guardar la nueva imagen con el nombre del botón que reemplazaste, así no tendrás que hacer modificaciones complicadas. Si vas a añadir botones sólo debes copiar las dos últimas líneas de la sección anterior y reemplazar los nombres con los de tus nuevos botones, que serían: graphic_b4.gif y graphic_b4_over y así sucesivamente. No olvides guardar tus nuevos botones en la misma carpeta que los preestablecidos.

Después debes modificar la parte del código que está entre <body> y </body>: Aquí puedes cambiar los links (marcados en rojo) por los nombres de tus páginas y/o por tu email, y agregar otros botones, con sus correspondientes links, copiando el código desde <tr> hasta </tr> y reemplazando los datos por los de tus nuevos botones (recuerda conservar los nombres "verde_rayas_b...." y "verde_rayas_b...._over", sólo cambia el número desde 6 en adelante). También puedes modificar el ancho y el largo de cada botón: width="109" height="28". No cambies nada más que lo señalado.

<tr>
<td><a href="mailto:demo@miemail.com" onmouseout="turn_off('graphic_b1')" onmouseover="turn_over('graphic_b1')" ><img name="graphic_b1" src="graphic_b1.gif" alt="" width="109" height="28" border="0"></a></td>
</tr>
<tr>
<td><a href="links.htm" onmouseout="turn_off('graphic_b2')" onmouseover="turn_over('graphic_b2')" ><img name="graphic_b2" src="graphic_b2.gif" alt="" width="109" height="28" border="0"></a></td>
</tr>
<tr>
<td><a href="download.htm" onmouseout="turn_off('graphic_b3')" onmouseover="turn_over('graphic_b3')" ><img name="graphic_b3_b3" src="graphic_b3.gif" alt="" width="109" height="28" border="0"></a></td>
</tr>

Imprimir la página