11 de jan. de 2013

Menu Express

Hey, angels :) What's up?

Hoje eu quero ensinar o menu que uso no Mrs. Nightshade. Achei o efeito nele super divertido e fica bem legal:


É um tutorial bem fácil! Vamos começar?

Vá no seu HTML e procure pela tag ]]></b:skin> . Assim que encontrar, cole o seguinte código antes dela:
@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;}

Altere como desejar e salve.
Depois adicione um gadget de HTML/Javascript. Nele, cole o código abaixo:
<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>

Mude as partes em negrito de acordo com o necessário.
Pronto! O menu Express já está no seu blog.
Aprendi a fazer no incrível Kawaii World, então créditos dados.

Bom, por hoje é só.
Beijos,

Mrs. Nightshade.


10 comentários:

  1. Amei. que estou usando como marcadores!

    ResponderExcluir
  2. hoooy, flor! eu não estou conseguindo comentar no post do MRS. NIGHTSHADE :'( bom, eu ia falar no coment, que eu prefiro a internet porque dela ninguém me tira, e dela por ninguém saio U_U por isso a minha opção única era os vlogs :) eles me faze rir! :)
    adorei o tuto, muito bom! acho mui fofo ^^
    aah, queria te pedir pra seguir este blog aqui:
    brunaluizadarosa.blogspot.com.br
    é da minha amiga, ela adora visitas ^^ fui eu que fiz o lay de lá, mas iria ser super legal se você visitasse ^^
    Garota Cupcake
    Mundo Super Beijo
    Bjãão pra você, viu?

    ResponderExcluir
    Respostas
    1. Olá! Eu tinha visto seu comentário, mas de repente ele sumiu... Achei estranho o.O kkk Não tem problema ^.^ Sei como é e eu faço tudo na internet kkk Eu assisto filmes, vejo as séries, escuto as músicas... Tudo pelo computador kkk Vlogs também me fazem rir ;D Só não consigo ler pela internet, eu preciso do livro em si kkk
      Pode deixar que eu visto ^.^

      Beijos!

      Excluir
  3. Amei o tutu, posso postar no meu blog? Coloco todos os créditos à voce!!

    ResponderExcluir
    Respostas
    1. Olá! Que bom que gostou >.< Se creditar à mim e ao KW, claro que pode =D

      Beijos!

      Excluir
  4. Respostas
    1. A que você quiser :D Que bom que gostou >.< Fico muito feliz :D

      Excluir
  5. Aii ameeeeeeeeeeeeeeeeeeeeeeeeeei!
    muito original, eu poderia ter ido olhar no kawaii world, mas esse blog ta virando aaa, tem mais de 10 posts por dia, a pessoa não acha praticamente nada, kaori muda de template de 1 em 1 dia.. sério, gostava do kw de antigamente, simples e fofinho. :))

    brushes-candy.blogspot.com

    ResponderExcluir
  6. Adoreeei, vou num layout, bjs! http://vihpaula.blogspot.com.br/

    ResponderExcluir