All for Joomla All for Webmasters

Menu Love

O menu ficará assim:

♥ teste
♥ teste
♥ teste
♥ teste
♥ teste

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