27 de jul de 2012

Tutorial - Colocar Menu com Gif

oonw *-*
Yoo~
Bom, como falei no post anterior, iria trazer o tutorial de menu com gif, e aqui está...
Bom gente, eu to muito feliz, pois a Lary a dona do The Lovers comentou aqui no blog,e eu fiquei bem feliz, tá no post anterior *-*
Enfim.
Let's Go
 ...
Vá em Design > Editar HTML e procure por ]]></b:skin>

 Acima, cole:

#menuv {
display : block;
border-bottom : 1px dotted #ff6fba;
background-repeat : no-repeat;
text-indent : 10px;
text-align: left;
line-height : 14px;
margin-bottom : 0px;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif') no-repeat left;
padding-left : 3px;}
#menuv:hover {
display : block;
text-align: left;
border-bottom : 1px dotted #9e9298;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif') no-repeat left;
padding-left : 3px;}

Configure como quiser. O link de turquesa é o gif que vai aparecer e o de roxo link é o gif que aparece quando passa o mouse. 
...

border-bottom : 1px dotted #ff6fba;

Tamanho, tipo e cor da borda, se quiser a borda tracejada use dashed, e se quiser ela normal use solid

Para usaro menu é só colocar esse código onde quer que apareça:
Por exemplo nos afiliados, voce cola no gadget de HTML, e vai editando...
...
<a id="menuv" href="LINK" target="iframe">Link 1</a>
<a id="menuv" href="LINK" target="iframe"> Link 2</a>
<a id="menuv" href="LINK" target="iframe"> Link 3</a>
<a id="menuv" href="LINK" target="iframe"> Link 4</a>

E ficara assim:
 Link 1 Link 2 Link 3 Link 4

13 comentários:

  1. Amei a postagem, seu blog é surpe lindo otimos conteudos, e claro seguindo, se puder retribui eu agradeço, o meu é surpe novo....... Bjs

    http://princessmimada.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. hasuhas obrigado!
      Ok amor, vo dar uma passadinha lá :D
      Bezus

      Excluir
  2. Olá tudo bom?Então gostei do post,bem bacana,continue assim com seu blog,e muito mesmo sucesso pra vocêr
    e já estou seguindo ele"Espero sua visita no meu blog ! beijão e fica com DEUS.

    www.dondokafashion1.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Oii, tudo bem sim e voce? Onw, muito obrigado
      Eu vou visitar sim amore!
      Beijoos e Amem :D

      Excluir
  3. Que isso? Você parece telepata xD Leu minha mente KK, eu estava procurando justo este tutorial.. xD nem acredito, primeira vez de muitas que vou voltar aqui tenha certeza KKK, adorei seu blog de cara! xD

    www.ejhonas.com {Seguindo para sua meta sz, se puder seguir o meu o link está do lado :D}

    ResponderExcluir
    Respostas
    1. OMG, i'm telepata 'o' ... kkkk
      Aiin, obrigadoo Jhonas *-*
      Vou seguir ti tambem sz

      Excluir
  4. Awn, adorei esse menu!
    kissus
    http://morango-aos-pedacos-mp.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Onw, obrigada foofa!
      PS: amo seu blog kkk
      beizuus

      Excluir
  5. É Otimo :3
    Estou usando
    -->http://fofis-soh.blogspot.com.br/

    ResponderExcluir
  6. Eu adoro esse menu
    http://s2perfectdesigns.blogspot.pt

    ResponderExcluir
  7. Tá rolando um super concurso no meu blog valendo um iphone,corra e participe!
    http://blog-garotaambulante.blogspot.com.br/2012/07/super-sorteio.html

    ResponderExcluir

Seja educado.
Poder pedir postagens, e sugestões são bem vindas
Obrigada e volte sempre