Menu soul

Ooi gente!

Como estão? Espero que estejam bem, vocês acham que o blog está bom assim, ou que precisa de mais postadoras, além de mim, da Bea e da Ju? Não sei se fica bom com muita gente, talvez vire bagunça, não sei...

Hoje trouxe um menu que eu desenvolvi com o CSSMaker, é bem simples, coisa de iniciante mesmo. É perfeito se você quer um menu bem pequeno, para colocar uns 3 ou 4 links, que é o que eu aconselho, pois não pode haver mais de uma linha com o menu, se não ele fica estranho.

Live preview aqui, procure pelo gadget "Menu Soul".

Cole acima de ]]></b:skin>

.soul a { background-color: rgba(109, 255, 255, 0.9); /* Fundo */ background: rgba(109, 255, 255, 0.9); /* Fundo */ widht: 100%; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; margin-left: 2px; margin-top: 2px; padding: 3px;} .soul a:hover { background-color: rgba(215, 255, 44, 0.9); /* Fundo */ background: rgba(215, 255, 44, 0.9); /* Fundo */ color: rgba(0, 0, 0, 1); transform: translate(-1px, -205px); -webkit-transform: translate(-1px, -205px); -moz-transform: translate(-1px, -205px); -o-transform: translate(-1px, -205px); -ms-transform: translate(-1px, -205px); -moz-box-shadow: 1px 75px 5px #000000; -webkit-box-shadow: 1px 75px 5px #000000; box-shadow: 0px 20px 5px #000000; padding: 3px; text-shadow:0px 20px 5px #ffffff; }

Modifique apenas as cores do fundo, pode tanto usar uma cor RGB, quanto um código que encontramos em tabelas.

Quando for usar, cole:

<div class="soul">
<a href="SEULINK">NOME1</a></div>

Caso queira mais links, repita de <a href até </a>.

Espero que tenham gostado. Usem com créditos, e por favor não repassem.

Até mais, beijos!