22 de set. de 2013

Menu Luv Insane

Olá pessoal, trago para vocês mais um menu fofo, o luv insane. Encontrei esse menu
no tumblr da Danii Deutscher e configurei para o blogger.
Para ver o menu clique aqui

Para colocar em seu blog, copie o código abaixo e coloque-o antes da tag ]] ></b:skin>

/**** Menu Luv Insane - by: daniideutscher.tumblr ***/
.menuluvinsane {
margin-top: 12px;
background: #ffc0c0; /* Cor da Caixa do menu */
border-radius: 2px; /* Tamanho o arredondamento da caixa */
overflow: hidden;
width: 400px; /* Tamanho da caixa do Menu */
box-shadow: 2px -5px #ff8080, 5px -10px #D64242; /* Crie um efeito degrade, a primeira cor clara, e a segunda mais escura */
}
.menuluvinsane a {
display: inline-block;
float: left;
text-decoration: none;
text-align: center;
color: #fff; /* Cor do link o menu */
font: bold 22px economica; /* Estilo, tamanho, e fonte dos links */
font-variant: small-caps;
text-transform: lowercase;
padding: 4px;
width: 70px; /* Tamanho de cada link */
text-shadow: 2px 1px 2px #d64242 inset 2px 1px 2px #d64242; /* Sombra nos links */
-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s; transition-duration: .80s;
}
.menuluvinsane a:hover {
background: #D64242;
text-shadow: 0px -5px #fc0c0, 0px 5px #ffc0c0; /* Sombras duplicadas, coloque as duas cores iguais */
}
Depois que personalizar, se quiser a fonte do menu copie o código abaixo e coloque antes de </head>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'/>

Para fazer o menu funcionar em seu blog, copie o código abaixo e coloque no gadget html/java script

<div class="menuluvinsane">
<a href="/">Home</a>
<a href="/">About</a>
<a href="/">Godies</a>
<a href="/">Textos</a>
<a href="/">Tutoriais</a>
</div>

4 comentários :

  1. Olá, adorei esse blog ele é maravilhosos, seguindo segue de volta, se quiser parceria me contate
    atrevidinhastar.blgspot.com

    ResponderExcluir
  2. olá flor eu estou esperando seu email para mim te colocar como postadora do meu blog
    http://atrevidinhastar.blogspot.com

    ResponderExcluir
    Respostas
    1. Me perdoe por não ter colocado o e-mail.
      claudineg.netto@gmail.com

      Excluir

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