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:

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram