tutorial

Tutorial: Menu Express

maio 30, 2013,9 Comments


Oiie pessoas de algum fandom!
Boa tarde ^^
Hoje eu recebi um pedido na MINHA ask.fm do tutorial do Menu Express.
~ Live Preview
Gostaram?
Bora aprender.


Procure por:
]]></b:skin>
Acima, cole:
@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;}
Onde está em vermelho, é a cor do menu.
Onde está em rosa, é a largura do menu, por exemplo, quanto maior o título que você usará vai ter que aumentar a largura.
Salve e pra colocar no seu blog adicione um gadget em HTML com esse código:
<center><a href="http://SEULINK" class="express">NOME</a>
<a href="http://SEULINK" class="express">NOME</a>
<a href="http://SEULINK" class="express">NOME</a>
<a href="http://SEULINK" class="express">NOME</a>
<a href="http://SEULINK" class="express">NOME</a></center>
Altere o que for preciso e pronto.
Espero ter ajudado ^^
Beijoos!

Tags: tutorialAuthor: bianca jobstraibizer ♡

Lorem ipsum dolor sit amet, cotur acing elit. Ut euis eget dolor sit amet congue. Ut vira codo matis. Sed lacia luctus magna ut sodales lorem.

You Might Also Like

9 comentários:

  1. Gabs30 de maio de 2013 às 19:17

    No meu HTML não tem ]]>
    O que eu faço? help me, eu adorei esse menu

    ResponderExcluir
    Respostas
    1. Gabs30 de maio de 2013 às 19:18

      Affs n dá pra te mostrar, mais é o primeiro lá, sabe??

      Excluir
    2. Anônimo31 de maio de 2013 às 01:30

      Desce até a primeira setinha, aí você clica nela e aparece o [[> e os outros códigos. (do post, etc.)
      Biia amei o tutorial, só não curti a ilustração auhsahusahuh
      Bjão para you!

      Excluir
    3. bianca jobstraibizer ♡31 de maio de 2013 às 14:49

      Amore, todos os blogs tem o "]]>" :P

      Excluir
    4. Unknown5 de junho de 2013 às 19:28

      No meu não tem o HTML é diferente!

      Excluir
    5. bianca jobstraibizer ♡8 de junho de 2013 às 15:52

      Pra achar o HTML tem que ir em Modelo, ai aparece Editar HTML '--'

      Excluir
  2. Unknown31 de maio de 2013 às 22:58

    Amr tem um selinho pra você no meu blog http://thoughtsofateenagegirls.blogspot.com/2013/05/3-selinho.html

    ResponderExcluir
  3. Unknown3 de junho de 2013 às 12:31

    Segue? http://sempreimaginedirectioner.blogspot.com.br/

    ResponderExcluir
  4. Gabrielle Moreira2 de julho de 2013 às 20:43

    O HTML aparece em cima do blog :/

    ResponderExcluir

Assinar: Postar comentários (Atom)