30/12/2012

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? Bom vamos ao tutorial? ✿ Obrigada por me avisar Izy tava com tanto sono que nem reparei que não coloquei o link de demonstração. 


1. Em seu HTML procure por ]]></b:skin> e então acima da tag, coloque:

Códigos
@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;}


2. Agora crie um gadget de HTML/JavaScript, cole:

Códigos
<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. Anônimo25/7/13

    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. Anônimo30/7/13

      Saquei :3 Valeuu

      Kissus *33*

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345