domingo, 11 de agosto de 2013

Tutorial - Crazy Menu

Tumblr_m19caprfdo1rnrxofo1_500_large

 Oooi >< 

 Meus Cupcakes Tudo bem  .. Bom hoje Vou postar Um tipo de Menu Vamos la 

                                                 Vou ensinar á fazer esse menu 

 



       Vá no seu painel  design editar html e procure por body { depois da chave assim você cola o seguinte código  embaixo dela:
/*** Início Crazy Menu por Bomba De Glitter ***/

sunny { font-family: verdana; width: 23%; text-transform: uppercase; float:left; background-color:#Cor do Fundo; border-left:4px solid#Cor da borda; padding:5px; text-align:center;
-webkit-transition-duration: .90s; font-size: 10px; Color: #Cor da fonte; margin:2px; }
sunny:hover { border-left:1px solid transparent; border-right: 4px solid  #Cor da borda; }

/*** Fim Crazy Menu por Bomba de Glitter ***/
Edite as cores negritadas conforme preferir, se quiser uma dica, procure não exagerar, escolha apenas duas cores, por exemplo, a que você usar para a borda, use para a cor da fonte, não use um monte de cores, fica feio, além disso, o menu só chama atenção pelo efeito, e não pelas cores usadas, entendeu?

Ok, vamos ao próximo passo, agora que já colorimos, clique em Salvar e vá nos Gadgets, adicione um HTML/JavaScript e adicione o seguinte conteúdo:
<a href="Link"><sunny>Nome do Link</sunny></a>
Prontinho! Repita isso quantas vezes necessário, feito isso, seu menu estará pronto!

Nenhum comentário:

Postar um comentário