ÍNICIO . SOBRE . TAGS . BLOGROLL . CONTATO

Aviso! + Menu

1/28/2013

Yoo chocolates!
então vim dar um avisinho é que já estou trabalhando no novo layout do blog e o desing vai ser surpresa mais também não vai ser grande coisa ok!
bom para esse post não ser inútil vou postar um tutorial de um menu lindo é o Menu Arrow que eu vi no KW então por isso todos créditos a ele!

preview aqui

1.Vá em modelo, Editar HTML,click em F3 e procure por ]]></b:skin>. Acima dessa tag cole o código a seguir:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}.arrow {margin: 1px; text-align: center; font: 8px handy; text-transform: uppercase; display: inline-block; position: relative; color: #000000; width: 45px; padding: 3px; text-decoration: none; background-color: #CORDOFUNDO; border: 2px solid #CORDABORDA;}.arrow:hover { background-color: #CORDOFUNDOHOVER; border: 2px solid #ef7aa1;}.arrow:hover:after {content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #CORDASETA transparent;}

Edite todas as informações que esta em negrito, substitua as palavras pelos códigos das cores (>tabela de cores<) e salve! (para quem sabe o que é hover é quando passa o mouse e a cor do menu muda de cor)

2. Adicione um gadget HTML/Javascript, e cole o código abaixo:

<a href="SEULINK" class="arrow">NOME</a>
fácil e lindo não é!
é só isso amores!
Beijos XOXO

Um comentário :

Olá terráqueo!
Aqui você pode comentar sobre o post, o que achou dele: legal, chato, util etc
As críticas são bem-vindas no entanto que elas sejam construtivas!

Comente o link do seu blog, irei retribuir.

Obrigado por comentar, isso significa muito para nós!!


▼ ★ ☆ ♥ ♡ ☮ ☯ ☀ ☾ ☽ ❄ † ▲

Young Witch © 2016 - Todos os Direitos reservados
Volte sempre!