tutorial

Menu Ioiô

setembro 14, 2013,2 Comments


Oie baby's.

Todo mundo bem? Eu sei que andei sumida daqui, mas não foi só daqui não, desculpem, e vocês devem ter reparado que eu to baseada em MENUS, menus hoje, menus amanhã, menus sempre (sqn) mas eu sei que todo mundo gosta de menu então...
Eu 'tô doidinha pra assistir Rock In Rio hoje, por quê? Porque tem 30 Seconds To Mars e MUSE <3 Eu adoro as músicas da Muse, são muito boas u.u
'Táh então coloca essa mãozinha no mouse e vamos fazer esse menu, ok?

Primeiro vá em Modelo > Editar HTML e procure por ]]>< ou ]]></b:skin>
e acima da tag procurada cole isso:
.MENNU {
FONT-FAMILY: VERDANA;
WIDTH: 60PX;
HEIGHT:15PX;
FLOAT: LEFT;
BACKGROUND: #E3C7F3; /* COR DO FUNDO*/
PADDING: 5PX;
TEXT-ALIGN: CENTER;
TEXT-SHADOW: 0 0PX 0PX #000; /* COR DA SOMBRA*/
MARGIN: 3PX; 10PX;
FONT-SIZE: 9PT; /* TAMANHO DA FONTE */
COLOR: #777; /* EDITE A COR DA FONTE */
BORDER-RADIUS:1PX;
BORDER-TOP: 2PX SOLID #EEE;
BORDER-BOTTOM: 2PX SOLID #EEE;
-WEBKIT-TRANSITION-DURATION: .99S;
-MOZ-TRANSITION-DURATION: .99S;
}
.MENNU:HOVER {
BACKGROUND: #CCACDE; /* FUNDO HOVER */
BORDER-TOP: 2PX SOLID #EEE;
BORDER-BOTTOM: 2PX SOLID #EEE;
-WEBKIT-TRANSFORM: TRANSLATE(2PX, -51PX);
-MOZ-TRANSFORM: TRANSLATE(2PX, -51PX);
-O-TRANSFORM: TRANSLATE(2PX, -51PX);
-WEBKIT-TRANSITION-DURATION: .99S;
-MOZ-TRANSITION-DURATION: .99S;
}
Edite o que está em negrito e salve!
Agora vá em Layout e adicione um gadget JavaScript com o seguinte:

<A HREF="ENDEREÇO DO LINK"CLASS="MENNU"> <DIV STYLE="COLOR: #FFF;">NOME DO LINK</DIV></A>

Esse é o menu, espero que tenham gostado e usado :D
Beijos baby's

xXNandaXx
---------------------------------------

You Might Also Like

2 comentários:

  1. Eu Amo TSTM (Preguiça de escrever tudo kkk) é muito foda *-*
    Adorei o menu

    ResponderExcluir
    Respostas
    1. eu adoooooro Muse aquela música Madness que toca na novela, supermassive black hole, é muito f$%# haha u.u
      Que bom que gostou :D

      Excluir