20 de set. de 2013

Menu Extras

Como vão vocês? Eu estou super atarefada, quero até pedir desculpas pela demora para postar.
Minha mãe quebrou o braço e estou dando uma de enfermeira. Bem vamos ao que interessa, trouxe
para vocês mais um menu fofo, ele fica excelente para postagens extras, por isso o nome: Menu Extras.
Para ver o meu clique aqui

Para colocar este menu em seu blog, coloque o código abaixo, logo acima da tag ]]></b:skin>

.extras {
display: block;
padding: 5px;
text-align: left;
position: relative;
margin-bottom: -5px;
z-index: 10;
background: #F1F9A9;
font-family:arial;
font-size: 12px;
text-shadow: 1px 1px 0px #fff;
border-top:1px dotted #c0c0c0;
-webkit-transition-duration: 0.6s;
box-shadow: inset px 0 0px 3 #D4DF94;
color:#767F44
}
.extras:hover {
-webkit-transition-duration: 0.6s;
border-top:1px dotted #c0c0c0;
box-shadow: inset 3px 0 0px 0 #D4DF94;  
box-shadow: inset 0px 0 550px 0 #D4DF94;
padding:5px;
color: #d993a8;
}
.extras a{
color:#F9FCE0;
overflow: hidden;  
font-family:play;
font-size: 12px;
}
.extras a:hover {
color: #D4DF94;

Personalize o background, color, font-size, font-family, box-shadow.
Depois de personalizar, pegue o código abaixo e coloque no gadget html/java script

<a href="/" class="extras"> Home</a>
<a href="/" class="extras">  Ask</a>
<a href="/" class="extras"> Faq</a>
<a href="/" class="extras"> Tutoriais</a>.

Onde tem: Home, Ask, Faq, Tutoriais- Coloque o nome de sua postagem.
Onde tem: "/"- Coloque o link de sua postagem.

Nenhum comentário :

Postar um comentário

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo