✖ Young Stuffs // Official: Menu Shrink

64679_520200631338580_1708995740_n_large

MINHA *-*

Olá divas!Como vão? Então hoje eu trago um menu que EUZINHA fiz! Você pode ter a Preview dele aqui [www].Ele é bem fácil de aprender e customizar! Para poder pegar as cores eu recomendo essa tabela [www]! Vamos aprender? Basta clicar em "Leia Mais"!

1º:Vá em Modelo--->Editar HTML e aperte a tecla F3 no seu teclado ou Ctrl+F e então uma caixinha de pesquisa vai aparecer, agora procure ]]></b:skin.Em cima dela cole:

#MenuShrink-ByLuiza {

background:#FF6A6A;/*Cor de fundo*/

font-family: Arial;/*Fonte*/

color:#8B0000;/*Cor da fonte*/

border-bottom: 3px solid #8B0000;/*Cor de Borda*/

-webkit-border-top-left-radius: 10px;/*Bordas Arredondadas*/

-webkit-border-top-right-radius: 10px;/*Bordas Arredondadas*/

-moz-border-radius-topleft: 10px;/*Bordas Arredondadas*/

-moz-border-radius-topright: 10px;/*Bordas Arredondadas*/

border-top-left-radius: 10px;/*Bordas Arredondadas*/

border-top-right-radius: 10px;/*Bordas Arredondadas*/

opacity:0.92;

padding: 6px;

margin: 2px;

font-size: 11px; /* Tamanho da fonte */

text-align: center;

width: 25%; /* Tamanho do menu*/

float: left;

-webkit-transition-duration: .90s;

}

#MenuShrink-ByLuiza:hover {

background:#FF6A6A;/*Cor de fundo ao passar o mouse*/

font-family: Arial;/*Fonte*/

color:#8B0000;/*Cor da fonte ao passar o mouse*/

border-top: 3px solid #8B0000;/*Cor de Borda ao passar o mouse*/

-webkit-border-bottom-right-radius: 10px;/*Bordas Arredondadas ao passar o mouse*/

-webkit-border-bottom-left-radius: 10px;/*Bordas Arredondadas ao passar o mouse*/

-moz-border-radius-bottomright: 10px;/*Bordas Arredondadas ao passar o mouse*/

-moz-border-radius-bottomleft: 10px;/*Bordas Arredondadas ao passar o mouse*/

border-bottom-right-radius: 10px;/*Bordas Arredondadas ao passar o mouse*/

border-bottom-left-radius: 10px;/*Bordas Arredondadas ao passar o mouse*/

opacity:0.95;

padding: 6px;

margin: 2px;

font-size: 11px; /* Tamanho da fonte */

text-align: center;

width: 25%; /* Tamanho do menu*/

float: left;

-webkit-transition-duration: .90s;

}