quarta-feira, 15 de janeiro de 2014

Menu Boom

Olá >.<
Vamos aprender mais um Tutorial ?
Menu Boom
É muito simples esse Tutorial
1.Vá em Modelo,Editar HTML dê CTRL+F
E procure por:
[[></b:skin> Acima dessa Tag cole:

@FONT-FACE {
FONT-FAMILY: "SILKSCREEN";
SRC: URL('HTTP://STATIC.TUMBLR.COM/0XQVKOT/7JQMGSN0M/PF_ARMA_FIVE.TTF');}
BOOM{
COLOR:#FFF;
TEXT-ALIGN:CENTER;
FONT-FAMILY: SILKSCREEN;
FONT-SIZE: 8PX;
BACKGROUND: #F279A2;
PADDING: 2PX;
FLOAT: LEFT;
MARGIN: 2PX;
WIDTH: 20%;
-WEBKIT-TRANSITION-DURATION: .80S;
OUTLINE-STYLE:SOLID;
OUTLINE-WIDTH:1PX;
OUTLINE-COLOR: #CC4372;
OUTLINE-OFFSET: -1PX;
BORDER-RADIUS: 0PX;
}
BOOM:HOVER{
BORDER-RADIUS: 0PX;
PADDING: 2PX;
BACKGROUND: #79C2F2;
COLOR: #FFF;
OUTLINE-STYLE:SOLID;
OUTLINE-WIDTH:1PX;
OUTLINE-COLOR: #FFF;/*NÃO MEXER*/
OUTLINE-RADIUS: 2PX;
OUTLINE-OFFSET: 0PX;
BORDER: 1PX SOLID #4DAAE8 PADDING 5PX;
TEXT-SHADOW: 1PX 1PX 3PX #4694C7;
BOX-SHADOW: INSET 0 0 5PX #79C2F2, 0 0 1PX #79C2F2;
-WEBKIT-TRANSITION-DURATION: .80S;
}

Altere apenas as partes Sublinhadas
Use a tabela de cores,eu recomendo essa aqui :Clique Aqui
Créditos:Pequena Garota

Nenhum comentário:

Postar um comentário