Menu Ghosts

encontrado em http://the-perks-0f-being-infinite.tumblr.com/post/41241399313 

Oie amores , quanto tempo em. Já estava morrendo de saudades de vocês *-*
Hoje passei aqui rapidinho para postar um tutorial, espero que gostem.. Vamos lá.

O tutorial de hoje, é o Menu Ghosts, antes de começar, vou dar os créditos para o Making Themes , por que foi de lá que eu peguei o tutorial. Mais lembrando, que eu editei esse tutorial para passar pro blog, então se forem usar de os créditos para os dois ok ? ( Para visualizar o menu, clique AQUI )

Vá no seu HTML > Dê CTRL + F e procure por: ]]></b:skin> 

Em cima do código anterior , cole o seguinte código: 

/* menu ghosts por mariana. (mundoo-cute) - efeito 1 */

.ghosts {color: #6b6a8d; font:35px "Bandless"; text-align:center; text-transform: Uppercase; display: inline-block; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; letter-spacing: 2px; text-align:center; }.ghosts:hover {text-shadow:5px 5px 0px rgba(0,0,0,0.1), 15px 15px 0px rgba(0,0,0,0.2); -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

@font-face {font-family: "Bandless"; src: url('http://static.tumblr.com/o286adx/hgQm6rhus/bandless.ttf'); format("truetype"); }

Para usar o menu, vá em Layout > Adicionar um Gadget , HTML/JavaScript > e cole o código abaixo no espaço em branco. 

<div class="ghosts"><a href="LINK">NOME</a></div>

Aonde está escrito LINK , substitua pelo link da página . E aonde está escrito NOME, substitua pelo nome que desejar.

Espero que tenham gostado ! Kisses amores, até a próxima ;*