Muy bueno pero como se puede hacer esto?

m2021 · #1 (**permalink**) 05/05/2005, 17:16

Acabo de ver una imagen montada en html, sobre la imagen hay unos titulos diagonales al al poner el maouse sobre el titulo diagonal puedes hacer click pero fuera de el no.

Como se hace eso si en html los link solo pueden ser horizontales o verticales? o por lo menos eso creia yo hasta ahora

Aqui el link para que lo vean haz click aqui

Votredieu · #2 (**permalink**) 05/05/2005, 17:34

a mi también me sorprendio eso, de hecho pense que era una imagen dividida, pero no, asi que vi su código html y encontre esto:

Código HTML:

<div align="center"><img name="Impacto" src="http://www.t1msn.com.mx/blipimages/MX/educacion/impacto.jpg" width="450" height="643" border="0" usemap="#m_Impacto" alt="">

    <map name="m_Impacto">
    <area shape="poly" coords="159,286,399,72,432,109,190,324" href="http://www.t1msn.com.mx/educacion/conocimiento/especiales/impactos3/" title="Dale clic para ver el artículo" alt="Dale clic para ver el artículo" >
    <area shape="poly" coords="161,170,370,-15,416,5,192,208" href="http://www.t1msn.com.mx/educacion/conocimiento/especiales/impactos2/" title="Dale clic para ver el artículo" alt="Dale clic para ver el artículo" >
    <area shape="poly" coords="26,183,235,-2,281,18,57,221" href="http://www.t1msn.com.mx/educacion/conocimiento/especiales/impactos1/" title="Dale clic para ver el artículo" alt="Dale clic para ver el artículo" >
    </map>
</div>

Me llamo la atención eso de usemap asi que busque en google y esto fue lo que encontre:

usemap

Je, cada dia se aprende algo nuevo

Saludos

m2021 · #3 (**permalink**) 05/05/2005, 18:00

Naguara de investigacion, yo lo vi y como estoy un poco ocupado no me dio chance de ver el codigo y analizarlo, es muy interesante y es otra herramientamas que se puede utilizar en relidad se ve muy util.

Votredieu · #4 (**permalink**) 05/05/2005, 18:07

Cita:

Iniciado por m2021

Naguara de investigacion, yo lo vi y como estoy un poco ocupado no me dio chance de ver el codigo y analizarlo, es muy interesante y es otra herramientamas que se puede utilizar en relidad se ve muy util.

No fue tan tardado, solo vi el nombre de la imagen, la busque en el código y yap, lo dificil fue copiar ese trozo de código porque era bastante extenso y me lie un poco

jeje

En fin, como decia cada dia se aprende algo nuevo y en verdad parece ser muy útil eso

Saludos

KUROtenji · #5 (**permalink**) 06/05/2005, 06:17

Es un sola imagen, y con el usemap, se indican las coordenadas que delimitan el link; por eso hay tres links, y por ende hay tres area shapes, que indican las coordenadas.

caricatos · #6 (**permalink**) 06/05/2005, 06:31

Hola a todos:

Hace un tiempo propuse este tema: http://www.forosdelweb.com/showthrea...highlight=mapa
Es una página en donde se pueden crear mapas de imágenes...

También puede hacerse con otros programas.

Saludos