30/12/2012

Tutorial: Menu Express

||

Gentee eu estou sem sono rsrs são 3 da madruga e eu ainda tó postando. Mas trago o menu chamado  Express, credito do KW ok?  Dar uma olhadinha no efeito? Aqui esta.  Bom vamos ao tutorial?
✿ Obrigada por me avisar Izy tava com tanto sono que nem reparei que não coloquei o link de demostração.
Em seu HTML procure por ]]></b:skin> e então acima da tag, coloque:

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

Agora crie 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>

6 comentários:

  1. ñ consegui ver como fica, esqueceu de botar o link Drw?? hehe
    ahh, eu ñ sei oq arrumei no meu computador q as fotos q eu tinha das coranas e japonesinhas kawaii sumiram todas!!onde vc acha as suas??
    :**
    Galaxy Unicorn

    ResponderExcluir
  2. Yo Izy rsrs realmente havia esquecido de colocar o link, mas ja coloquei e obrigada por me alerta rsrs. Eu geralmente acho espalhadas na web e no google, eu tinha um tumblr que colocava, mas conheço esses aqui que tem otimas fotos de japonesas e coreanas fofas.

    yeppoworld.tumblr.com

    sweet-dreams-lolita.tumblr.com/

    noliloveanime.tumblr.com/

    ResponderExcluir
  3. Qual a diferença de tutoriais e goodies? Você deve estar pensando: Santo Deus, garota burra!
    Mas na boa, não sei qual é e¬e

    ResponderExcluir
    Respostas
    1. Goody: é literalmente doces e balas
      Tutorial: Explicação de um assunto ou criação.

      Goodies vem da palavra goody, que na língua dos blogueiros a palavra goodies quer dizer freebies ou freefiles que é na maioria das vezes, arquivos do photoshop, imagens, avatares etc... Talvez esse trocadilho seja por ser algo bom XD pronto já pra usar.
      Tutorial é uma explicação ou mostrando como fazer algo ^^.

      Excluir
    2. Saquei :3 Valeuu

      Kissus *33*

      Excluir

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