:D puesss yooo se manejarlas si es un cuadrado o rectangulo eso seria uno con etiqueta rect pero pues no creo que se pueda, tendria que ser uno con etiqueta poli asi quedaria mejor jeje ahh ya se quien eres el de la imagen de los amigos el de los puntos caliente jojo a pues mira deja lo hago lo de tu imagen

ZZZZZZZZZZZZZZZzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

weno ya estuvo me tarde unos 7 minutos ahh que estresante es eso de las imagenes con puntos calientes  :'( jojo pero aqui estan dejo el codigo con la imagen que posteaste que es esta


Bueno pues este es el codigo que tienes que poner

<img src="http://img114.imageshack.us/img114/4294/55bc479cc79f12300d8c977dk9.jpg" width="630" height="513" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="174,124,2,2" href="http://chava-1.hi5.com" alt="chava 1 "/>
<area shape="poly" coords="2,322,142,321,143,189,152,188,152,125,1,125" href="http://chava-2.hi5.com" alt="chava 2"/>
<area shape="rect" coords="1,512,135,335" href="http://chava-3.hi5.com" alt="chava 3"/>
<area shape="poly" coords="175,70,210,2,260,2,341,46,335,57,308,68,316,90,261,188,229,188,155,150,155,126,176,123" href="http://chava-4.hi5.com" alt="chava 4"/>
<area shape="rect" coords="145,192,270,378" href="http://chava-5.hi5.com" alt="chava 5"/>
<area shape="poly" coords="159,381,210,381,254,400,207,512,192,512,138,488,138,431" href="http://chava-6.hi5.com" alt="chava 6"/>
<area shape="poly" coords="310,70,463,2,490,3,490,156,404,194,365,194" href="http://chava-7.hi5.com " alt="chava 7"/>
<area shape="rect" coords="365,197,506,385" href="http://chava-8.hi5.com" alt="chava 8"/>
<area shape="poly" coords="238,391,445,391,445,512,235,512,235,456,256,401,254,399,248,396" href="http://chava-9.hi5.com" alt="chava 9"/>
<area shape="rect" coords="493,2,628,184" href="http://chava-10.hi5.com" alt="chava 10"/>
<area shape="rect" coords="511,227,628,355" href="http://chava-11.hi5.com" alt="chava 11"/>
<area shape="rect" coords="457,397,629,512" href="http://chava-12.hi5.com" alt="chava 12"/>
 </map>

como no sabia cuales eran sus hi5 o que es lo que vaz a poner en las direcciones le puse http://chava-1.hi5.com y asi susecivamente las acomode en forma hacia abajo y en columnas osease la chava 1 es la de la foto negro con cafe, la dos es la de la playera que trae algo de fuego, la tres la de rosa, la cuatro la que se cree en la playa ajaja y asi sucesivamente pues creo que eso es todo espero si sea eso lo que quieres ah puse el codigo asi como el de la chava que tenia sus hi5 como el que dijeron en el tema de mover amigos por que se le puede poner atributos que al pasar se vea que se esta seleccionando pero eso ya es harina de otro costal espero este codigo te sirva
saludos !!

pd.. pasa tu hi5 para ver que es lo que has hecho no ? y como se ve la imagen con el codigo que te di !

claro que si muchas gracias !!!!!  nada mas hay le firmas :P jajajaaj  bueno y los que entren pues jajajajaa

http://brutalmassacre.hi5.com

Hola que onda una manera mas facil te voy a pasar un tip bueno a mi se me ocurrio ahorita 
si ves este es un codigo

<area shape="poly" coords="145,191,268,191,268,378,145,378" href="http://chava-1.hi5.com" alt="alt" />

vamoz a explicar el codigo

Mira primero dice ( area shape="poly"  )
eso nos dice que vamos hacer un poligono casi siempre usemos este aunque sea un rectangulo mas que nada es para no que no me extienda en el tema

luego dice ( coords= ) eso indica que ahi vamos a poner las cordenadas.
Lluego si vez el numero 145 esta en rojo ese nos dice a que ancho esta el punto que eliges
Luego el 191 esta en rojo este indica a que altura esta de la imagen
Pues esos dos primeros numeros son una cordenada los separa una coma a cada numero y tambien a cada cordenada igual los separa una coma y cada cordenada va en grupos de dos (los numeros en color rojo son una cordenada, los numeros en color verde es una cordenada, los numeros en color amarillo es otra cordenada y por ultimo los numeros en color azul es otra )

Ahora explicare como encontrar los puntos de manera rapida dibuje en tu imagen unos puntos uno es de color rojo, verde, amarillo y azul y los uni con lineas es para explicar y darte una idea de como es !!



Ahora los numeros 145,191 (esa cordenada esta en la imagen  donde esta el punto rojo en la imagen de la chava que esta sentada en el banco ) y que como supe que ahi iban estar o como se donde esta mi primer punto pues mira:

Para encontrarlo de manera rapida abre paint

Como lo abrimos Inicio luego te vaz a ejecutar ahi en el cuadro que aparece escribes mspaint
Luego abres la imagen que quieres.

Situate en el primer punto que quieres ya sea en una esquina o algo yo aqui primero puse la esquina superior izquierda que es el punto rojo, luego superior derecha que es el punto verde,luego inferior derecha que es el punto amarillo y luego inferior izquierda que es el punto azul ( Nota: los puntos ni las flechas los tienes que dibujar solo imaginatelos yo los puse asi para explicarlo).

¿Y donde dice las cordenadas para ponerlas en el codigo ?
En la imagende aqui arriba, y abajo del lado derecho de la imagen ( en el programa de paint ) ahi estan en un recuadro en rojo estan dos numeros separadopor una coma a pues eso es una cordenada y eso es lo que necesitas ahi tienes la primer cordenada
Para que aparescan las cordenadas solo nesecitas poner el mouse sobre el punto que quieres y luego luego ahi donde esta el recuadro se actualiza y lo dice automaticamente

Bueno para que una cordenada quede bien, bueno lo que quiero decir las figuras y que sea un rectangulo o cualquier figura, vaz dibujando el perimetro con cordenadas ( lo vaz escribiendo en el codigo)  y deben de seguir el orden asi como en la imagen primero este el rojo luego la linea sigue al verde, luego al amarillo y al final el azul la ultima cordenada se une con la primera y pues bueno esto solo fue un rectangulo pero puedes hacer cualquier imagen solo busca las cordenadas dibujando el perimetro o contorno como lo quieras llamar  de la imagen que quieres.
Nota: siempre la ultima cordenada que le des esa se une con la primer en forma recta 

asi saque las cordenadas primero saque la del punto rojo con cordenadas que estan en rojo en el codigo, luego  el verde, luego el amarillo y al final el azul!

MIra te dejo este codigo que es lo mismo que el de arriba solo que en este veras como es el perimetro cuando pasas por encima de la imagen digamos de la chava de rosa se dibuja un rectangulo que nos muestra cual es el perimetro de las cordenadas que le dijiste mas que nada te serviria para ver como esta quedando y verias el perimetro de las cordenadas que le estas dando y si no quieres que se vea esto en tu trabajo final solo borra lo de amarillo yo te aconsejo que como pues vaz aprendiendo que dejes este codigo asi lo vaz viendo como va el contorno o perimetro  que le vaz dando con cordenadas ya despues cuando lo acabes y digas asi me gusto a todo tu codigo le puedes quitar ese codigo que esta en amarillo y listo  :D ;D

<area shape="poly" coords="145,191,268,191,268,378,145,378" href="http://chava-1.hi5.com" alt="alt" target="target" title="title" onmouseover="mostrar("area2", true)' onmouseout="mostrar("area2", false)  >


espero te sirva cualquier duda pues preguntas ahh no creo que este dificil lo que explique me trate de explicar de manera sencilla y con programas que todos tienen es lo mas practico que puedo ser hay maneras mas complicadas y hacen mas cosas pero con esto es lo que necesitas para los fines que quieres  Saludos!!!

 shape="circle"

Quien sabe cómo sea con círculos, pero seguro que no es igual a un poligono.