Menu colors


Olá, trouxe mais um tutorial, ah, e queria indicar uma página para vocês, ela é muito legal, se chama Swag Bieber, é no facebook. Hoje eu trouxe um tutorial que é o Menu colors (preview)
Acima do seu ]]></b:skin> cole
/* Menu Colors - by: Fernanda Rollemberg */
un {font-family: verdana; letter-spacing: 0px; font-size: 11px; line-height: 13px; display: inline-block; background: #FFF5EE; color: #4f4f4f; width: 33px; padding: 5px; margin: 1px; text-align: center; text-transform: lowercase; -webkit-transition-duration: .40s;}
un:hover {font-family: verdana; letter-spacing: 1px; font-size: 11px; line-height: 13px; display: inline-block; background: transparent; color: #000; width: 33px; padding-left: 0px;}
a.rosa {background: #8B668B; padding: 5px;}
a.rosa:hover {background: #FFE4E1;}
a.azul {background: #8B668B; padding: 5px;}
a.azul:hover {background: #ADD8E6;}
a.roxo {background: #8B668B; padding: 5px;}
a.roxo:hover {background: #D8BFD8;}

}
E no gadget cole:
<center><a class="rosa" href="LINK" title="Home"><un>1</un></a>
<a class="azul" href="LINK" title="Home"><un>2</un></a>
<a class="roxo" href="LINK" title="Home"><un>3</un></a></center>

5 comentários:

  1. Awwnt que fofinho o menu >< Beijos~
    -Trufa de Menta :3

    ResponderExcluir
  2. Own adorei o menu *u* tem como mudar as cores?

    ResponderExcluir
    Respostas
    1. tem, no código que você coloca no seu html, você muda nos lugares que tem por exemplo "a.rosa {background: #8B668B; padding: 5px;}" ai vc muda o que no caso está em #8B668B pela cor que você quer

      Excluir
    2. Ahh *uu* vou testar aqui,obrigada ^-^

      Excluir