Menu Up & Down

28 de jul de 2013



Oie gente boa Noiite :)
Trouxe um menuzinho para vocês,não lembro de quem é...já estava salvo aqui no pc então se for seu-Me avise ...

1 • No HTML do seu blog, aperte F3 e procura pela tag ]]></b:skin> > Quando achar, cole o seguinte código acima:



.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;}
É grande, eu sei mas tudo o que é preciso é prestar atenção no que se pede e substituir o que está em MAIÚSCULO.

Vizualize, Se tudo ficou certo Salve

2 • Vá em Layout > Adicionar Gadgets > HTML/JavaScript e cole:
<div class="fade-isa">
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a>
<a href="LINK" title="Alguma coisa aqui">Nome</a></div>
Onde está escrito"Alguma Coisa Aqui"escreva o que você quer que apareça no tooltip (uma mensagem que aparece em um balãozinho, como podem ver ao passar o mouse nas imagens dos afiliados) Caso não queira o tooltip, apague: title="Alguma coisa aqui"

Créditos:  ♡ 

4 comentários :

Francini Pedro disse...

Oi, achei o link de quem postou o código: http://euamohtml.blogspot.com.br/2013/07/menu-up-down.html

Cammy disse...

Muito bom tutorial!
Pretendo tenta-lo em breve, mas esta muito facil de entender

http://atingidaporumraio.blogspot.com.br/

Thamiris Lara disse...

Obrigado,é bem simples...

Bjs volte sempre !!

Thamiris Lara disse...

AH obrigado ,acho que foi lá mesmo que achei...colocarei os créditos agora mesmo....

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!