03/07/2013

Menu Marshmallow

Oi meus Marshmallows, como estão? Espero que bem! Hoje trouxe um tutorial de um menu muito fofinho, chamado Marshmallow. Que vi no Pequena Garota, por isso créditos para ele!
Quem aí gostou? Vamos ver como faz?
  • Vá no editor de HTML do seu blog e pesquise por ]]></b:skin>
  • Acima do código, cole:

  • Após isso, antes de ]]></b:skin> cole:
/* Menu Marshmallow por Pequena Garota*/
marsh{
color: #949494; /*cor da fonte*/
text-align:center;
font-family: Pixelade; /*não altere*/
font-size: 13px;
background: #FEF2F1; /*fundo do menu*/
padding: 2px;
float: left;
margin: 2px;
width: 22%; /* tamanho do menu */
-webkit-transition-duration: .80s;
box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC; /* sombra interna */
border-radius: 3px; /*bordas arredondadas*/
}
marsh:hover{
background: #f0f8ff; /*fundo do menu ao passar o mouse*/
color: #949494; /*cor da fonte ao passar o mouse*/
-webkit-transition-duration: .80s;
box-shadow: inset 0 0 18px #D7ECFE, 0 0 3px #afeeee; /* sombra interna */
border-radius: 3px; /*bordas arredondadas*/
}
  • Esse é o código do menu. É fácil personaliza-lo! Altere somente o que está em negrito.
  • Para colocar no seu blog, adicione um gadget de html/js e cole:

9 comentários:

  1. Adorei o tuto, o menu é muito lindo *-*
    Gostaria de saber se vc aceitaria afiliação com o nosso blog?

    alpromspace.blogspot.com.br

    ResponderEliminar
  2. Que fofinho esse menu né? Ainda não tinha visto lá no PG, é lindo *-*
    Beijo :*
    http://blog-part-of-me.blogspot.com/

    ResponderEliminar
  3. Que menu fofo *-* Adorei o efeito que ele tem *-*

    Sombras de Outono.

    ResponderEliminar
  4. Oi Myo-san *-*
    Você se lembra de ter participado no concurso do OUT com seu blog? Não ganhou nenhum lugar, mas não se preocupe, por ter participado, tem direito a prémios!!!
    Pode conferir aqui e pedir ao que tem direito!
    http://onceuponatimekyokotakumi.blogspot.pt/2013/07/out-ira-fazer-um-ano-vencedores-dos.html
    Kissus de baunilha e obrigada por ter participado >.<

    ResponderEliminar
    Respostas
    1. Oh *--* é muito querido da tua parte dar prémios de participação. Vou já lá ver. Muito obrigada.
      Beijinhos

      Eliminar
  5. Respostas
    1. Comigo dá :o
      Se calhar não fez alguma coisinha bem. Tente outra vez! :)
      Se precisar de alguma coisa me avisa. Eu posso ajudar

      Eliminar