01/12/2008, 04:27
| |||
| |||
| 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 |
|
01/12/2008, 05:28
| ||||
| ||||
| 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!! |
|
02/12/2008, 04:29
| |||
| |||
| 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 |
|
02/12/2008, 05:59
| ||||
| ||||
| 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:
Ponme la imagen y sigo probando...<!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>
Aresillo!! |
