20/04/2013

Menu Espuminha

Ola gente, estão bem? Eu estou ótimo, hoje fui ao Centro Espírita, o que não faz a muito tempo e me senti realmente renovado *-* Bom, hoje eu trouxe para vocês um Menu super legal o qual eu chamei carinhosamente de Menu Espuminha.
O Menu é esse que vocês podem ver no Pattern/Cortininha do Blog neste Layout do Liam. Vejam uma Preview do Menu sozinho abaixo:

É super fácil de fazer, os códigos estão abaixo, você só precisa personalizar, certo?
No Painel do Blog clique no nome do seu Blog de teste - Modelo - Editar HTML - Abra a setinha do </b:skin> e procure por: ]]></b:skin>. Achou? Agora cole o código abaixo antes do que você acabou de achar.
/*Início do Menu Espuminha por Part Of Me, NÃO RETIRE OS CRÉDITOS */
un {
font-family: Arial;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background:#8FBC8F;
color:#fff;
width: 12%;
float: center;
padding: 6px;
margin: 1px;
text-align: center;
text-transform: uppercase;
-webkit-transition-duration: .70s;
outline: 1px solid #fff; outline-offset: -3px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s linear;transition: all 0.4s linear;
}
un:hover {
font-family: Arial;
letter-spacing: 2px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background:#8FBC8F ;
color:#F4A460;
width: 12%;
float: center;
padding: 6px;
margin: 1px;
text-align: center;
text-transform: uppercase;
-webkit-transition-duration: .70s;
outline: 1px solid transparent; outline-offset: 0px;
box-shadow: inset 0 0 8px #f5f5f5;
}
/* Fim do Menu. Faça bom proveito! */
Agora, personalize o código de acordo com o seu Layout e Salve os códigos. Para aplicar, Vá em Layout - Adicionar um Gadget - HTML/JavaScript e cole o código abaixo dentro da caixinha:
<a href="URL"><un>Nome</un></a>
<a href="URL"><un>Nome</un></a>
<a href="URL"><un>Nome</un></a>
<a href="URL"><un>Nome</un></a>
Bom, espero que tenha dado tudo certo. Qualquer dúvida é só perguntar ok? não se esqueçam de dá os devidos créditos ao Blog pelo Menu. Até mais! ;) 

25 comentários:

  1. O menu é lindo, adorei *-*
    CAT GIRL

    ResponderExcluir
  2. Lindo o menu , é aquele que você tem no blog certo? Beijos Ursato*

    ResponderExcluir
  3. que perfeito! adorei C>333
    the climb também faz parte da minha videnha.. assim como Robot e todas as outras músicas da minha Miles >.< Bjãão!

    amoraazeda.blogspot.com

    ResponderExcluir
  4. Adorei o menu *-* Obrigada pela dica que você me deu de mudar o estilo do layout. Vou fazer isso! Talvez, eu use o menu. É bem legal!

    aperta-o-start.(blogspot.com)

    ResponderExcluir
  5. adorei o menu, fica bem legal ><
    obrigada pela visita no TH u-u

    Time HTML

    ResponderExcluir
  6. O menu fica lindo! Quem sabe em um próximo layout? Beijos.
    the-zombie-attack.blogspot.com

    ResponderExcluir
  7. Onw, que legal queria mesmo saber como fazer esse menu super simpático, lindo de fofo, ficou perfeito nesse layout ;D

    Eu estou bem também, mais não fui ao centro espírita...mais estou lendo um livro ;d hehe!

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Awn, Muito obrigado Megan ;)
      HAHA, Já li um livro espírita SUPER LEGAL, até já postei a resenha aqui ;)

      Excluir
  8. Poxa, que legal que você foi no centro :) quando vou me sinto muito bem também! Sensação de renovação, né?
    Bom, o menu é ouro amor, só não uso porque estou modificando pra uso pessoal (sem tirar os créditos, claro) um template aqui do seu blog, que tá lindo demais!

    Beijos,
    perucaloira.blogspot.com.br

    ResponderExcluir
  9. Gostei desse menu, é super lindo!

    garotadifferente.blogspot.com.br

    ResponderExcluir
  10. Que menu bonitinho! u3u
    - Xonei aqui.
    (Já coloquei-te como afiliado - normal)
    The Secret Diary

    ResponderExcluir
  11. HAHA, que menu legal, gostei !
    cr4zy-world.blogspot.com.br

    ResponderExcluir
  12. Fui usar o menu e quando coloquei o gadget dele,não apareceu nada,só fico a letra mais de outra cor :/
    beeijos;
    sonho--encantador.blogspot.com

    ResponderExcluir
    Respostas
    1. O código já foi modificado, tenta de novo :) Espero que funcione, qualquer erro me avisa, ok? :)

      Excluir
  13. Centro espirita é o melhor lugar para se ir :)
    -sou espirita-
    mypurpleworl-d.blogspot.com

    ResponderExcluir