MENU MARSHMALLOW


Hello Rosinhas e verdinhass!!! Tudo bom? hoje eu vou ensinar vocês a fazer o menu Marshmallow igual o de pequena garota aliás eu peguei de lá! então vamos ao tutorial?
Veja o menu AQUI

Primeiro vá no seu HTML e procure por ]>< e ACIMA disso cole

/* MENU MARSHMALLOW POR PEQUENA GAROTA*/
@FONT-FACE {
FONT-FAMILY: 'PIXELADE';
SRC: URL('HTTP://STATIC.TUMBLR.COM/IG73LMP/FNDMCIXX3/PIXELADE.TTF');
}
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*/
}
Sempre que quiser usar o menu vá em um HTML J/S e cole:::

<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> 

Bye!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Nenhum comentário:

Postar um comentário

CRED
te peguei safado!