Tutorial - Como agregar una imagen como botón de menú
Primero necesitamos un host para este archivo (si no sabes que es un host, no importa, ya que no es necesario saber mucho sobre informática para crearte una página en PaginaWebGratis). Para eso está ImageShack.us.
En este caso “hostearemos” el archivo “mibanner1.gif”
Arriba veremos como circulitos con opciones (image, url, video, multiploader, file exchange). Elegimos la primera opción (Image).
Te dirá si quieres agrandar o achicar la imagen, en mi caso pondré que no.
Cuando pones todas las opciones a tu gusto, haces clic sobre “host it!”
Tardará una cantidad de tiempo mayor en hostearlo si es que el archivo es mas denso, y menor si es menos denso.
Te saldrá (en la misma ventana) otra página que se vera así:
Cuando hagas clic, te va a seleccionar todo el texto automáticamente, pero esa opción es para hacer banners (en este caso, el nombre de la imagen es “Image Hosted by ImageShack.us”, y cuando se le hace click, se abre la pagina ImageShack.us (link).
Para cambiar estas opciones, modificamos el código (es mejor modificarlo en el
Notepad) de la siguiente manera:
De la misma forma se pueden crear banners. Si no quieres que cuando hagan clic ahí entre devuelta a tu pagina (para hacer un punto de menú sin link), borramos el código que empieza en (<a href=...) hasta donde termina (...WEB”>). Cuando terminamos de modificar el código HTML, lo copiamos y lo pegamos de la siguiente manera (en este caso borre el código que indique anteriormente):
Acuerdate de que si quieres que se un punto del menú sin link, tienes que abrir la capeta “Mostrar Opciones”, y cambiar el botón de abajo por “Puntos de menú sin link”.
Así se vera la página (hay que tener en cuenta que hice cualquier botón, con las medidas 88x31 Píxeles, que realmente estaba pensado para ser un banner! xD):
Este fue el tutorial para poner una imagen como botón de menú creado por
PirateandoWebs.es.tl – Adm. Maurox
No te gustó como quedó? Quieres borrarlo y no sabes como?
Haz click AQUI
Pd: en esta página no puedes seleccionar ningun texto. Para seleccionar los códigos, tienes que ir a otra página (Ejemplo: Inicio, Contacto / Soporte, etc).
