 |
 |
 |
 |
 |
 |
 |
|
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á: verde_rayas_b1_off = new Image();
verde_rayas_b1_off.src = "verde_rayas_b1.gif" (Home) 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: verde_rayas_b6.gif y verde_rayas_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 orrespondientes 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="100" height="22". No cambies nada más que lo señalado. <td><a href="home.htm"
onmouseout="turn_off('verde_rayas_b1')" onmouseover="turn_over('verde_rayas_b1')"
><img name="verde_rayas_b1" src="verde_rayas_b1.gif"
alt="" width="100" height="22" border="0"></a></td> |