Image-map:
clik para ver a tamaño original
Code:
<div style="text-align:center; width:960px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_6201307151724242" src="http://www.image-maps.com/uploaded_files/6201307151724242_Pedido-Maria-cabecera-com-image-map.jpg" usemap="#Image-Maps_6201307151724242" border="0" width="960" height="720" alt="" />
<map id="_Image-Maps_6201307151724242" name="Image-Maps_6201307151724242">
<area shape="rect" coords="359,89,572,154" href="perfect-editions-love.blogspot.com" alt="" title="" />
<area shape="rect" coords="455,204,668,269" href="www.twitter.com" alt="" title="" />
<area shape="rect" coords="292,290,563,355" href="www.facebook.com" alt="" title="" />
<area shape="rect" coords="405,422,640,487" href="ask.fm" alt="" title="" />
<area shape="rect" coords="958,718,960,720" href="http://www.image-maps.com/index.php?aff=mapped_users_6201307151724242" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:960px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="perfect-editions-love.blogspot.com" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="www.twitter.com" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="www.facebook.com" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="ask.fm" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_6201307151724242" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->
</div>
¡Qué lindo!
ResponderEliminar