terça-feira, 14 de janeiro de 2014

Tutorial: Menu Simple Of

Oii Rilakkuminhas >3<
Estou aqui com um Tutorial muito simples.
Menu Simple Of.
Vamos ao Tutorial.
Vá em Modelo-Editar HTML-Dê Ctrl+F e Procure por ]]></b:skin>
Acima da Tag Procurada cole o seguinte código:

/*MENU SIMPLE OF - PEQUENA GAROTA*/
SIMPLE{
COLOR: #CORDAFONTE;
TEXT-ALIGN:CENTER;
FONT-SIZE: 11PX;
BACKGROUND: #CORDEFUNDO;
PADDING: 2PX;
FLOAT: LEFT;
MARGIN: 2PX;
WIDTH: 21%; /* TAMANHO DO MENU*/
-WEBKIT-TRANSITION-DURATION: .80S;
BORDER-RADIUS: 3PX;
}
SIMPLE:HOVER{
COLOR: #FONTEHOVER;
TEXT-SHADOW: 0PX 1PX 0PX  #BABABA;
-MOZ-OPACITY:0.70; OPACITY:0.70;
-WEBKIT-TRANSITION-DURATION: .80S;
BORDER-RADIUS: 3PX;
-WEBKIT-BOX-SHADOW: INSET 0PX 60PX 10PX #FUNDOHOVER;
}

Altere apenas as partes Destacas.
Agora vá em Layout e adicione um Novo Gadget de HTML/JavaScript
E cole o código:
<DIV><A HREF="URL 1"><SIMPLE>NOME</SIMPLE></A>

Salve e Pronto ^^
Créditos: Pequena Garota





2 comentários: