Foros del Web » Creando para Internet » CSS »

Cómo hacer que resalte un area map

Estas en el tema de Cómo hacer que resalte un area map en el foro de CSS en Foros del Web. Hola amigos, tengo plano de ,entoces con el dreamweaver usando el "draw poligon hotspot" , delimito las áreas que quiero que sean un enlace a ...
  #1 (permalink)  
Antiguo 01/12/2008, 04:27
 
Fecha de Ingreso: septiembre-2008
Mensajes: 22
Antigüedad: 9 años, 3 meses
Puntos: 0
Cómo hacer que resalte un area map

Hola amigos, tengo plano de ,entoces con el dreamweaver usando el "draw poligon hotspot" , delimito las áreas que quiero que sean un enlace a esa zona del mapa pero aumentada. La idea es que cuando pase con el ratón esa zona, pueda cambiarse de color para que destaque al usuario y quede más bonito.

gracias
  #2 (permalink)  
Antiguo 01/12/2008, 05:28
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Cómo hacer que resalte un area map

Así, sin código, se me ocurre que en el hover del a le pongas otra imagen con el color que quieras...

Aresillo!!
  #3 (permalink)  
Antiguo 02/12/2008, 04:29
 
Fecha de Ingreso: septiembre-2008
Mensajes: 22
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer que resalte un area map

Aresillo este es el codigo:


<img src="img/calendario_03.jpg" alt="" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="187,88,236,120" href="javascript:SH2('texto1')" />
<area shape="rect" coords="236,89,282,121" href="javascript:SH2('texto2')" />
<area shape="rect" coords="282,88,328,120" href="javascript:SH2('texto3')" /><area shape="rect" coords="-1,121,46,153" href="javascript:SH2('texto4')" /><area shape="rect" coords="46,121,93,153" href="javascript:SH2('texto5')" /><area shape="rect" coords="92,120,141,151" href="javascript:SH2('texto10')" /><area shape="rect" coords="140,119,188,151" href="javascript:SH2('texto9')" /><area shape="rect" coords="189,120,235,152" href="javascript:SH2('texto6')" /><area shape="rect" coords="234,121,283,153" href="javascript:SH2('texto7')" /><area shape="rect" coords="284,121,329,153" href="javascript:SH2('texto8')" />
</map>

Es un calendario , y cada area es un rectangulo donde estan los sucesivos dias del mes, 14 de dic, 15....etc, si el raton lo muevo por el 14 quiero que el rectangulo definido por el area map adquiera otro color, aunque me sale el cursor de enlace ( la manita XD). Probaré con la idea de cambiar la imagen, pero entonces tendré que hacer 7 imagenes distintas para los 7 dias que quiero que se remarquen no?

Muchas gracias
  #4 (permalink)  
Antiguo 02/12/2008, 05:59
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Cómo hacer que resalte un area map

No tengo la imagen del calendario así que estoy pegando tiros al aire...
Prueba esto:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Mapa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
#map {
background: #66f
}
</style>
<body>
<img src="img/calendario_03.jpg" alt="" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="187,88,236,120" href="javascript:SH2('texto1')" />
<area shape="rect" coords="236,89,282,121" href="javascript:SH2('texto2')" />
<area shape="rect" coords="282,88,328,120" href="javascript:SH2('texto3')" /><area shape="rect" coords="-1,121,46,153" href="javascript:SH2('texto4')" /><area shape="rect" coords="46,121,93,153" href="javascript:SH2('texto5')" /><area shape="rect" coords="92,120,141,151" href="javascript:SH2('texto10')" /><area shape="rect" coords="140,119,188,151" href="javascript:SH2('texto9')" /><area shape="rect" coords="189,120,235,152" href="javascript:SH2('texto6')" /><area shape="rect" coords="234,121,283,153" href="javascript:SH2('texto7')" /><area shape="rect" coords="284,121,329,153" href="javascript:SH2('texto8')" />
</map>
</body>
</html>
Ponme la imagen y sigo probando...

Aresillo!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:39.