Menu Up & Down + 1004 Seguidores?! ^0^

- Irei pensar em algo para recompensá-los pela meta ( >.< )

Yoo mutantes perfeitos (~'w')~

Estou super feliz pois quando entrei hoje no blog pude ver que estamos com 1004 seguidores, eu...fiquei super...FELIZ mesmo! Pois ontem, o dia inteiro, a internet não queria funcionar, então não pude fazer o post que me pediram sobre o menu que estamos usando, e consequentemente, não pude ver o número de choco seguidores. E quero agradecer também pelos elogios nos comentários do post anterior, irei retribuir todas as visitas quando puder.

Então, já que hoje a internet está funcionando (e tinha mesmo, pois estou fazendo um dever de história e tenho que pegar algumas cifras para amanhã) irei trazer o tutorial do Menu up & down, créditos ao Eu Amo HTML (www), nosso querido afiliado :)

Preview (www)

Acima de ]]></b:skin> cole:

.fade-isa {

font-family: trebuchet ms;

font-size: 11px;

padding: 5px;

background-color: #COR DO FUNDO (ROSA);

box-shadow: inset 0 0 20px #COR DA SOMBRA INTERNA (ROSA), 0 0 4px #ccc;

text-align: center;

width: TAMANHO DO MENUpx;

text-transform: uppercase;

word-spacing: 5px;

letter-spacing: 1px;

-webkit-transition-duration: .80s;}

.fade-isa a {

color: #COR DA FONTE;

text-align: center;

padding-top: 20px;

padding-bottom: 20px;

padding-left: 5px;

padding-right: 6px;

text-shadow: 2px 1px 1px #COR DA SOMBRA DO TEXTO;

-webkit-transition-duration: .80s;}

.fade-isa a:hover {

color: #COR DA FONTE AO PASSAR O MOUSE;

text-shadow: 2px 1px 1px #COR DA SOMBRA AO PASSAR MOUSE;

text-align: center;

padding-top: 5px;

padding-bottom:5px;

padding-left: 5px;

padding-right: 6px;

background-color: #COR DO QUADRADINHO (AZUL);

box-shadow: inset 0 0 20px #COR DA SOMBRA DO QUADRADINHO (AZUL), 0 0 4px #ccc;

-webkit-transition-duration: .80s;}

Configure as informações em maiúsculo e cole em um HTML / Javascript:

<div class="fade-isa">

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a>

<a href="LINK" title="Mensagem do Tooltip">Nome</a></div>

- O "Mensagem do Tooltip" é aonde ficará a mensagem do tooltip, se você não quiser que apareça tooltip, apague "title="Mensagem do Tooltip""

Lembrando novamente: Quem fez foi a Isa Souza do E.A.H (www)