5 de jan. de 2013

Menu Blur

Olá anjos!
Trouxe novamente um menu convertido do Tumblr. Esse menu é bem legal, se chama menu Blur, quando você passa o mouse em um link, os outros ficam embaçados.
Os créditos vão para o Tumblr HTMLuv♥ que é um ótimo Tumblr!

Veja Preview aqui.



1-Vá no HTML do seu blog, procure por /b:skin e acima disso, cole:

/**MENU BLUR POR SWEETFOLLY **/
.menusf a {padding: 5px ; color: #fff; margin: 2px; font-family: 'Qhytsdakx'; font-size: 27px; letter-spacing: 1px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.menusf:hover a{ text-shadow: 0px 0px 10px #fff; color: transparent; }
.menusf a:hover{text-shadow: 1px 1px 10px rgba(71,80,23,0.6); color: #402056;}

/** Fonte personalizada **/
@font-face {font-family: 'Qhytsdakx'; src: url('http://static.tumblr.com/6vl7vom/d0sm50bns/qhyts__.ttf') format('truetype'); font-weight: normal; font-style: normal;}

2-Cole o seguinte código onde quer que o menu apareça (pode ser em um Gadget):

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

3-Repita o código de acordo com a quantidade de links que desejar.


Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!