See also

12 de out. de 2013

Menu Marshmellow

Postagem Programada
Amei essa imagem dels... *uuu*
Créditos: pics :3


Oi balinhas de iogurte!
Mais um post programado.. Bem, sabe o que eu ganhei de presente de dia das crianças? Tiaras e presilhas.. minha família é meio pobre então eu não podia pedir coisas muito caras e pedi isso! Afinal.. não tinha outra coisa.. não curto muito maquiagem, nem brinquedos.. então foi isso \ô/
O post vai ser bem curto mesmo então bora pro tutorial:

PREVIEW: clica

Primeiro, vá no seu HTML e aperte Ctrl+F e pesquise por ]]></b:skin>
Acima dele cole esse código:

/* Menu Marshmallow por Pequena Garota*/

 marsh{

 color: #404040; /*cor da fonte*/
 text-align:center;
 font-family: Pixelade; /*não altere*/
 font-size: 13px;
 background: #ffc0c0c0; /*fundo do menu*/
 padding: 2px;
 float: left;
 margin: 2px;
 width: 22%; /* tamanho do menu */
 -webkit-transition-duration: .80s;
 box-shadow: inset 0 0 18px #ff8080, 0 0 3px #fff; /* sombra interna */
 border-radius: 2px; /*bordas arredondadas*/
 }
 marsh:hover{
 background: #D4E7FA; /*fundo do menu ao passar o mouse*/
 color: #404040; /*cor da fonte ao passar o mouse*/
 -webkit-transition-duration: .80s;
 box-shadow: inset 0 0 18px #6B8CAD, 0 0 3px #fff; /* sombra interna */
 border-radius: 2px; /*bordas arredondadas*/
 }
E aí, você cola o código abaixo num gadget html/java script :

<a href="http://www.blogger.com/LINK"><marsh> NOME</marsh></a>

<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>

<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>
<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>
Gostaram do menu? eu achei SUPER FOFO só que não poderia usar aqui no blog pois não combina com o tema.. bom, beijos queridinhos <3

Nenhum comentário:

Postar um comentário

CRED
te peguei safado!