Menu Shadow

Oi chuchus *-*

Hoje eu tenho mais um tutorial, e ele é bem legal! é um Menu bem fofo.

Se quiser ver a preview,é só clicar Aqui!

Pronto! vamos apender a faze-lo? vou logo dizendo que é bem fácil!

Vá em Modelo> Editar HTML>Ctrl+F>Procure por:

]]></b:skin>

Depois disso,cole o código abaixo, acima da tag procurada.

/** MENU SHADOW **/

@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}

.menu {font-size: 8px; font-family: "04b03", small-fonts; text-transform: uppercase; color: #fff; background: #ff96c0; text-shadow: 1px 1px 2px #f288b2; text-align: center; float: left; padding: 8px; margin: 2px; width: 50px; -moz-transition: 1s ease-out; -webkit-transition: 1s ease-out; transition: 1s ease-out;}

.menu:hover {box-shadow: inset 0px 0px 5px 15px #fff; color: #ff96c0; text-shadow: 1px 1px 2px #eee;}

Salve, depois vá até Layout,adicione um gadget de HTML e cole esses códigos:

<a href="LINK" class="menu">Nome</a>

<a href="LINK" class="menu">Nome</a>

<a href="LINK" class="menu">Nome</a>

<a href="LINK" class="menu">Nome</a>

Em "Nome" você coloca o nome da página, e em "LINK" Coloque o link da página!

Prontinho! espero que vocês tenham gostado, aproveitem!

Créditos: FYB