O menu ficará assim:
1. Cole isso no seu CSS:
.menulove {font-size: 11px; line-height: 12px; display: inline-block; background: #COR DO FUNDO; color: #COR DA FONTE; width:200px; padding: 3px; margin: 2px; text-align: center; -moz-box-shadow: 0 0 5px #COR DA SOMBRA; -webkit-box-shadow: 0 0 5px #COR DA SOMBRA; box-shadow: 0 0 5px #COR DA SOMBRA; text-shadow: 0.1em 0.1em #COR DA SOMBRA DO TEXTO; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition-duration: .99s; -moz-transition-duration: .99s; -transition-duration: .99s;}
.menulove:hover {font-size: 11px; line-height: 12px; display: inline-block; background: #COR DO FUNDO HOVER; color: #COR DO TEXTO HOVER; width:120px; padding: 3px; margin: 2px; text-align: center; -webkit-transition-duration: .99s; -moz-transition-duration: .99s; -transition-duration: .99s; text-shadow: 0.1em 0.1em #COR DA SOMBRA DO TEXTO;}
.menulove a {color: #ffffff;}
.menulove a:link {color: #ffffff;}
.menulove a:visited {color: #ffffff;}
2. E cole isso no lugar onde quer que apareça o menu:
<center> <a class="menulove" href="#">♥ teste </a> <a class="menulove" href="#">♥ teste </a> <a class="menulove" href="#">♥ teste </a> <a class="menulove" href="#">♥ teste </a> <a class="menulove" href="#">♥ teste </a> </center>
Dúvidas? Ask-me!
Obrigada ao HTMLlicious ♥