Feliz 2014!

domingo, 25 de novembro de 2012

Menu Express


Yoo meus  Chicletes   Vim trazer mais  Um tutorial pra vocês vamos lá? e peguei no Divo Blog
Kawaii World

ele e assim
E Quando você passa o mouse ele se meche

1. Procure por ]]></b:skin> e acima da tag, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.express {
background-color: #CORDOFUNDO;
color: #FFFFFF;
display: block;
width: LARGURADOMENUpx;
height: 15px;
line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}
.express:hover {opacity: 0.5; margin-left: -30px;}



Edite as informações necessárias e salve.


2. Em um gadget de HTML/JavaScript, cole:
<center><a href="SEULINK" class="express">Inicio</a><a href="SEULINK" class="express">About</a><a href="SEULINK" class="express">Goodies</a><a href="SEULINK" class="express">Tutoriais</a><a href="SEULINK" class="express">Créditos</a></center>

E pronto   Tchau gente beijos Lembrando que peguei do blog Kawaii World 

Nenhum comentário:

Postar um comentário