1 de fev de 2013

Menu Express

Desculpem estar postando tão tarde, estou ajeitando e organizando o meu blog, e faço isso muito lentamente. 
Estou tentando me preparar psicologicamente para a volta as aulas, odeio esse começo de ano, as pessoas me olham feio só por eu ler em todo lugar, aliás odeio o ano todo na escola.
Trouxe um menu muito fofo, lá do Kawaii World, é o menu Express. .

Vejam uma preview
1. Procure por ]]></b:skin>, no seu HTML, e acima dele cole:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.express {
background-color: CORDOFUNDODOMENU;
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.80s ease-out; -moz-transition: all 0.80s ease-out;text-transform: uppercase;}
.express:hover {opacity: 0.5; margin-left: -30px;}

Altere o que está em negrito.

2. Vá em layout > Adicione um novo gadget HTML/Javascript e nele, 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>  

7 comentários:

  1. Eu acho esse menu muito lindo, mas não tenho onde usar xD

    ResponderExcluir
  2. Respostas
    1. Meu?
      http://franz-gerbatin.blogspot.com.br/

      Excluir
    2. Sim ^^

      Muito fofo, gostei da resenha do livro Ladrão de Almas, já li e adorei *-*
      Quando tiver tempo deixo um comentário decente por lá

      Excluir

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!