|
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á:
vert_rojo_b1_off = new Image();
vert_azul_b1_off.src = "vert_rojo_b1.gif"(Home)
vert_rojo_b1_over = new Image(); vert_azul_b1_over.src = "vert_rojo_b1_over.gif"(Home
over
vert_rojo_b2_off = new Image(); vert_azul_b2_off.src = "vert_rojo_b2.gif"(Email)
vert_rojo_b2_over = new Image(); vert_azul_b2_over.src = "vert_rojo_b2_over.gif"(Email
over)
vert_rojo_b3_off = new Image(); vert_azul_b3_off.src = "vert_rojo_b3.gif"(Links)
vert_rojo_b3_over = new Image(); vert_azul_b3_over.src = "vert_rojo_b3_over.gif"(Links
over)
vert_rojo_b4_off = new Image(); vert_azul_b4_off.src = "vert_rojo_b4.gif"(Download)
vert_rojo_b4_over = new Image(); vert_azul_b4_over.src = "vert_rojo_b4_over.gif"(Download
over)
vert_rojo_b5_off = new Image(); vert_azul_b5_off.src = "vert_rojo_b5.gif"(Fotos)
vert_rojo_b5_over = new Image(); vert_azul_b5_over.src = "vert_rojo_b5_over.gif"(Fotos
over)
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: vert_rojo_b6.gif y vert_rojo_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 "vert_rojo_b...." y "vert_rojo_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="80"
height="21". No cambies nada más que lo señalado.
<td><a href="home.htm"
onmouseout="turn_off('vert_rojo_b1')" onmouseover="turn_over('vert_rojo_b1')"
><img name="vert_rojo_b1" src="vert_rojo_b1.gif"
alt="" width="80" height="21" border="0"></a></td>
</tr>
<tr>
<td><a href="mailto:demo@tuemail.com"
onmouseout="turn_off('vert_rojo_b2')" onmouseover="turn_over('vert_rojo_b2')"
><img name="vert_rojo_b2" src="vert_rojo_b2.gif"
alt="" width="80" height="21" border="0"></a></td>
</tr>
<tr>
<td><a href="links.htm"
onmouseout="turn_off('vert_rojo_b3')" onmouseover="turn_over('vert_rojo_b3')"
><img name="vert_rojo_b3" src="vert_rojo_b3.gif"
alt="" width="80" height="21" border="0"></a></td>
</tr>
<tr>
<td><a href="download.htm"
onmouseout="turn_off('vert_rojo_b4')" onmouseover="turn_over('vert_rojo_b4')"
><img name="vert_rojo_b4" src="vert_rojo_b4.gif"
alt="" width="80" height="21" border="0"></a></td>
</tr>
<tr>
<td><a href="fotos.htm"
onmouseout="turn_off('vert_rojo_b5')" onmouseover="turn_over('vert_rojo_b5')"
><img name="vert_rojo_b5" src="vert_rojo_b5.gif"
alt="" width="80" height="21" border="0"></a></td>
</tr>
Imprimir
la página
|
