17 fevereiro 2013

Tutorial: Menu Express

Hoooy Glitters!
Como vão vocês?
(eu vou bem)
Acabei de voltar de viajem e vim trazer um Tutorial - Menu Express. 
Que Peguei no Garotas Cupcakes, que pegou no Kawaii World.
                                                                       Go!?


1. Cole o seguinte código, acima da tag:    ]]></b:skin> @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;}


                                                  Mude o que está em negrito !

                                     2. Vá em Layout, e adicione um gadget HTML/JavaScript e cole:

<center><a href="SEULINK" class="express">NOME DO LINK</a>
<a href="SEULINK" class="express">NOME DO LINK</a>
<a href="SEULINK" class="express">NOME DO LINK</a>
<a href="SEULINK" class="express">NOME DO LINK</a>
<a href="SEULINK" class="express">NOME DO LINK</a></center>
Simples não é? Bjjokas de Purpurina!
                                                                                         

2 comentários:

  1. oii boneca amei seu blog muito fofo
    retribuindo a visitar
    http://tortaslinhaa.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Claro, Obrigado fofa, Adorei seu Blog, muito lindo, bjokas!

      Excluir