• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

15 de novembro de 2012

Menu Tedy

Tumblr_lkfr12fkw51qgq505o1_500_large

Hooý meus amores, tudo bem?
 Hoje irei ensinar como fazer o Menu Tedy, visualize aqui

(X créditos)

Vamos lá?

1º Vá em Modelo > Editar HTML > CTRL+F e procure por:



]]></b:skin>

Cole acima:

tedy{

background:  #666; /* Cor de Fundo */

color: #fff; /* Cor da Fonte */

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display:inline; /* Modo de exibição */
border-radius: 5px;
-webkit-transition-duration: .50s;
padding: 6px;
margin: 2px;
font-size: 10px; /* Tamanho da fonte */
text-align: center;
width: 15%; /* Tamanho do menu*/
float: left;
font-family:  Arial; /* Nome da fonte do menu */
}
tedy:hover{
background: #333; /* Cor de Fundo */
color: #fff; /* Cor da Fonte ao passar o mouse */
display:inline; /* Modo de exibição */
-webkit-transition-duration: .50s;
padding: 6px;
margin: 2px;
font-size: 10px; /* Tamanho da fonte do menu ao passar o mouse */
text-align: center;
width: 15%; /* Tamanho do menu ao passar o mouse */
float: left;
font-family: arial; /* Nome da fonte do menu ao passar o mouse */
}

Modifique as cores usando nossa tabela.

Vá em Layout > Adicionar um gadget > HTML/JavaScript e cole:

<a href="http://URL.BLOGSPOT.COM/"><tedy>Home</tedy></a>

Pronto, seu menu está pronto.

 Espero que tenham gostado, bjoon!


4 comentários:

  1. Kindooo o menu >.<

    http://potedemagianaweb.blogspot.com.br

    ResponderExcluir
  2. Seu blog é muito lindo. Me apaixonei assim que vi a barra lateral kk'
    Estou procurando um novo menu pro meu blog há muito tempo, gostei desse, talvez eu o use.
    Vou colocar seu blog nos meus Favoritos, pra ver se consigo fazer um novo lay que preste ^^

    ResponderExcluir