clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

20/12/2012

Tutorial: 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.


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

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;}


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

<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: