JOSUE72810
promotor del foro
Mensajes : 180
Fecha de inscripción : 21/12/2009
Edad : 35
Localización : Jalapa, Guatemala
 |  Tema: TUTORIAL como hacer menus con coordenadas de la forma mas sencilla  Lun 21 Dic 2009 - 15:36 | |
| bueno amigos vi que varios quieren saber como crear menus con cordenadas.. para hacerlo yo uso la forma siguiente 1 creo la imagen en photoshop, paint, photoscape, etc donde ustedes quieransupongamos que esta es nuestra imagen creada
- Spoiler:
[URL="https://2img.net/h/oi47.tinypic.com/15p6dn6.jpg"][/URL][URL="https://2img.net/h/oi47.tinypic.com/15p6dn6.jpg"]  [/URL]
2 luego utilizamos la herramienta lapiz, brocha o para seleccionar que se encuentra paint
en este caso yo utilizare la brochita (en la imagen pueden verlo
- Spoiler:
[URL="https://2img.net/h/oi47.tinypic.com/sfy05d.jpg"][/URL][URL="https://2img.net/h/oi47.tinypic.com/sfy05d.jpg"]  [/URL]
3 ya seleccionada nuestra herramienta colocamos el cursor sobre la esquina superior izquierda de nuestro primer cuadro o enlace.
asi lo que hicimos esta encerrado en el circulo rojo xb
- Spoiler:
[URL="https://2img.net/h/oi46.tinypic.com/4hs9s9.jpg"][/URL][URL="https://2img.net/h/oi46.tinypic.com/4hs9s9.jpg"]  [/URL]
4 ya seleccionada nuestra esquina superir izquierda vemos abajo en la barra de info de paint unos numeros
estos son los numeros a copiar
- Spoiler:
[URL="https://2img.net/h/oi50.tinypic.com/vglkar.jpg"][/URL][URL="https://2img.net/h/oi50.tinypic.com/vglkar.jpg"]  [/URL]
5 hacemos lo mismo solo que ahora con la esquina INFERIOR izquierdaasi nos kedaria entonces el primer enlace
- Spoiler:
[URL="https://2img.net/h/oi47.tinypic.com/33m3ic9.jpg"][/URL][URL="https://2img.net/h/oi47.tinypic.com/33m3ic9.jpg"]  [/URL]
6 ya habiendo creado todos los enlaces que en este caso eran 5 (osea los 5 cuadritos de colores)
subimos nuestra imagen a cualquier pag. en este caso yo la subi a tinypic.com
- Spoiler:
[URL="https://2img.net/h/oi47.tinypic.com/15p6dn6.jpg"][/URL][URL="https://2img.net/h/oi47.tinypic.com/15p6dn6.jpg"] [/URL]
7 entonces copiamos el url de la imagen y utilizamos el codigo siguiente...
<center>
<img src="URL DE NUESTRA IMAGEN"
width="521" height="322" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="26,32,114,92" href="AKI EN ENLACE QUE DESEES" alt=cuadrito rosado/>
<area shape="rect" coords="201,27,284,100" href="AKI EN ENLACE QUE DESEES"
alt=cuadrito azul/>
<area shape="rect" coords="379,27,465,107" href="AKI EN ENLACE QUE DESEES" alt=cuadrito verde claro/>
<area shape="rect" coords="105,143,198,226" href="AKI EN ENLACE QUE DESEES"
alt=cuadrito cafe/>
<area shape="rect" coords="291,130,374,231" href="AKI EN ENLACE QUE DESEES"
alt=cuadrito verde oscuro/>
</map>
</center>
NOTA
* LO QUE ESTA EN COLOR ROSADO ES EL URL DE NUESTRA IMAGEN YA SUBIDA A CUALQUIER PAG
* LO QUE ESTA EN COLOR AZUL SON LOS NUMEROS DE ANCHO Y ALTO DE NUESTRA IMAGEN COMPLETA
WIDTH ES ANCHO Y HEIGHT ES ALTO
* LO QUE ESTA EN COLOR CELESTE SON LOS NUMEROS DE LA ESQUINA SUPERIOR IZQUIERDA DE CADA ENLACE
* LO QUE ESTA EN COLOR NEGRO SON LOS COLORES DE LA ESQUINA INFERIOR DERECHA DE CADA ENLACE
* LO QUE ESTA EN COLOR NARANJA LO SUSTITUYE POR EL URL DEL ENLACE EJEMPLO FOTOS, FIVES, COMENTARIOS, SALIR, ETC...
* LO QUE ESTA EN COLOR ROJO ES EL NOMBRE DEL ENLACE PARA LLEVAR UN MAYOR ORDEN NADIE LO PUEDE VER..
ESPERO QUE LES SIRVA
| |
|
Admin - marcos gonzalez
Admin
Mensajes : 231
Fecha de inscripción : 10/11/2009
Edad : 32
Localización : los reyes la paz - mexico
| | Tema: que onda activo Lun 21 Dic 2009 - 15:52 | |
| o muy buenos codes para menus no contabamos con estos codes en el foro gracias por compartir
+R | |
|
JOSUE72810
promotor del foro
Mensajes : 180
Fecha de inscripción : 21/12/2009
Edad : 35
Localización : Jalapa, Guatemala
| | Tema: Re: TUTORIAL como hacer menus con coordenadas de la forma mas sencilla Lun 21 Dic 2009 - 15:53 | |
| si me habia dado cuenta y ps este tuto lo tenia guardado espero que les sirva | |
|
Contenido patrocinado
| | Tema: Re: TUTORIAL como hacer menus con coordenadas de la forma mas sencilla | |
| |
|
