Tutorial - Menu Marshmellow

www

(postagem programada)

Hi Arinators!
Se não é arinator foi por causa da música que estou ouvindo,Ari diwa ♥ Hoje trouxe um tuto simples e muito fofinho para vocês ^^

Então trouxe hoje um menuzinho super fofo ele é o Menu Marshmellow,e eu gosto muito dele vamso ver ele?

Sim esse é ele fofo,simples e é super delicado,quer aprender a colocar ele em seu blog?

Vá em Modelo>>HTML>>Ctrl+F procure por ]]></b:skin> acima desse código cole esse:

@FONT-FACE {
FONT-FAMILY: 'PIXELADE';
SRC: URL('HTTP://STATIC.TUMBLR.COM/IG73LMP/FNDMCIXX3/PIXELADE.TTF');
}

Está é a fonte usada no menu,após isso coloque tambem acima do código ]]></b:skin> esse código:

/* 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*/
}

Altere somente oque está em roxo!

ATENÇÃO

BOX-SHADOW: INSET 0 0 18PX #D7ECFE, 0 0 3PX #AFEEEE; /* SOMBRA INTERNA */

Personalize está parte respeitando a cor do fundo para dar o efeito "fofinho" no menu paar ficar igual ao dá imagem

Parara finalizar abra um gadget HTML/Java Script esse código:

<DIV><A HREF=" LINK "><MARSH> NOME</MARSH></A>
<A HREF=" LINK "><MARSH> NOME </MARSH></A>
<A HREF=" LINK "><MARSH> NOME </MARSH></A>
<A HREF=" LINK "><MARSH> NOME </MARSH></A>

Prontinho,agora é só salvar e pronto!O menu está prontissimo!Espero que tenham gostado desse tuto!Amanhã teremos tag ^^