Menús para tu Web

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á:

vertical_b1_off = new Image(); vertical_b1_off.src = "vertical_b1.gif" (Home)
vertical_b1_over = new Image(); vertical_b1_over.src = "vertical_b1_over.gif" (Home mouseover) vertical_b2_off = new Image(); vertical_b2_off.src = "vertical_b2.gif" (Email)
vertical_b2_over = new Image(); vertical_b2_over.src = "vertical_b2_over.gif"(Email mouseover)
vertical_b3_off = new Image(); vertical_b3_off.src = "vertical_b3.gif" (Links)
vertical_b3_over = new Image(); vertical_b3_over.src = "vertical_b3_over.gif" (Links mouseover)
vertical_b4_off = new Image(); vertical_b4_off.src = "vertical_b4.gif" (Download)
vertical_b4_over = new Image();vertical_b4_over.src = "vertical_b4_over.gif"(Download mouseover)
vertical_b5_off = new Image(); vertical_b5_off.src = "vertical_b5.gif" (Fotos)
vertical_b5_over = new Image(); vertical_b5_over.src = "vertical_b5_over.gif" (Fotos 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: vertical_b6.gif y vertical_b6_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 "vertical_b...." y "vertical_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="100" height="22". No cambies nada más que lo señalado.

Imprimir la página