Menu de coração

Cole isso no seu  CSS:

.menu {display : block;font-size : 10px;font-family : tahoma;letter-spacing : 0;
border-bottom : 1px dotted #000000;background-repeat : no-repeat;text-indent :5px;
vertical-align: middle;text-decoration:none;line-height:14px;margin-bottom:1px;
background : url('LINKSUAIMAGEM') no-repeat left;padding-left : 10px;}
.menu:hover {display : block;font-size:10px;font-family:tahoma;letter-spacing:0;
border-bottom : 1px dotted #000000;background-repeat:no-repeat;text-indent:5px;
vertical-align:middle;text-decoration:none;line-height:14px;margin-bottom:1px;
background:url('LINKSUAIMAGEM') no-repeat left;padding-left : 10px;}
.espa {padding: 8px; margin:1px; clear: both;}

No lugar de linksuaimagem você coloca a imagem que deseja, corações, flores.

Agora coloque ONDE você quer o menu:

Se for para link:

<div class="menu"><a href="LINK" target=_blank>PALAVRA </a></div>

Se for para listinha:

<div class="menu">escreva aqui.</div>


Após tudo isso, coloque:  <div class="espa"></div>

©