20/12/2012

Menu Shadow

Gente é mais que confirmado, eu acho os personagens loucos sempre lindos *-*

Hayooo terraquios!!! Trago um menuzinho bem legal que achei no Birhday Cake, raramente  vejo esse menu ser usado em blog, vejo ele mais em Tumblrs. Ele se chama  Shadow que faz um efeito de sombra, aqui esta o preview.


1. Para adicionar esse efeito vá no seu HTML e procure pela tag ]]></b:skin>, assim que achar cole esse codigo a cima dele:

Códigos
mh {color: #eeeeee; font-family: 'verdana'; font-size: 10px; background: #CORDEFUNDO; padding: 20px; display: inline-block; -webkit-transition-duration: .80s; -o-transition-duration: .80s; -moz-transition-duration: .80s; -ms-transition-duration: .80s; cursor: size; border: 0px solid #000; box-shadow: inset 0 0 75px 75px slategray, 0 0 0 slategray;}
mh:hover {box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;


2. Depois vá em Layout e crie um Gadget HTML/JAVASCRIPT cole quantas vezes quiser:

Códigos
<a href="URL"><mh>TITULO</mh></a>

Notara que quando colocar mais de uma vez pode ocorrer dos quadrados ficarem colados então vocês colocam um espaço entre eles assim:

<a href="URL"><mh>TITULO</mh></a>
<a href="URL"><mh>TITULO</mh></a>

Um comentário:

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345