5 de fev. de 2013

Tutorial - Menu Arrow

Yoo ~
Olá gente, hoje só  passei rapidinho pra ensinar o tutorial desse menu que o blog está agora, ele chama menu arrow, e é super fofo, tanto pra usa no cabeçalho quanto na sidebar. Logo mais venho fazer o post do novo layout, agora estou com pressa ok? 
Bom, vamos lá!
preview do menu

1.Vá em modelo Editar HTML e procure por (ctrl+f) ]]></b:skin> cole acima de tag:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.arrow {margin: 1px; text-align: center; font: 8px handy; text-transform: uppercase; display: inline-block; position: relative; color: #000000; width: 45px; padding: 3px; text-decoration: none; background-color: #CORDOFUNDO; border: 2px solid #CORDABORDA;}
.arrow:hover { background-color: #CORDOFUNDOHOVER; border: 2px solid #ef7aa1;}
.arrow:hover:after {
content: ''; width: 0; height: 0; position: absolute; left: 50%;
margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #CORDASETA transparent;}
edite as partes em negrito com cores que preferir
2. Salvar modelo Layout Adicionar um gadget HTML/JavaScript cole



<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>


Edite as partes em negrito, se quiser mais abas, é só adicionar mais um linha.

3. Salve tudo e visualize.

achei no [www]

Estou mara que tenham gostado, comentem abaixo se gostaram e se vão usar.

Beijos com amor
@naatasouza

16 comentários:

  1. Lindo menu, adorei seu blog, (da proxima vez coloca uma preview ) !
    Seguindo...
    Bjs bjs
    http://kawwaii-land.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigado, que bom que gostou :3 Já coloquei flor.
      Seguindo de volta, beijos

      Excluir
  2. Naty sua linda! Primeiro, faz tempo q nn venho aqui, né? Tá lindo o layout, haha. :3 Segundo, tava suuuuuper precisando de um menu, adorei esse, valeu! (:
    xo,
    its-becky.blogspot.com

    ResponderExcluir
    Respostas
    1. HAHAHAHA, obrigada becky, fico feliz que tenha visitado e gostado do lay e do menu *-* denada, beijosss

      Excluir
  3. Oi Nati *-* Aceita afiliação? ^3^

    meninadealegria.blogspot.com - Fechado pra reforma :)

    ResponderExcluir
    Respostas
    1. Oii nati *-* auhauhauha , eu aceito sim! Dai quando você abrir o blog você comenta aqui e eu te coloco ok? *-* beijo

      Excluir
  4. O tutorial é ótimo, esse menu tem o efeito lindo.

    garotadifferente.blogspot.com

    ResponderExcluir
  5. hOy! florr obrigada por aceitar afiliação! já te coloquei na elite do WD e já estou seguindo aqui! :)

    biZus*

    http://anuskainwonderland.blogspot.pt/

    ResponderExcluir
  6. o menu é perfeito, amei! adoro seu blog!
    beijos da isa
    http://cutetime-official.blogspot.com/

    ResponderExcluir
  7. amei o tutorial! e o tema desse blog é show ^^
    oblogdapp.blogspot.com

    ResponderExcluir
  8. Fofíssismo mesmo, flor! Vou até favoritar o link do tutorial para utilizá-lo no meu próximo layout.
    Beijos,

    diasperfeitosparasempre.blogspot.com

    ResponderExcluir
  9. Prontiinhoo Ja Boteii Seu Blog Nos Meus Afiliados.....
    http://tudocharmosa-official.blogspot.com.br/

    ResponderExcluir
  10. oi Natália eu já te coloquei na minha elite, agora só falta você me colocar na sua...beijos

    brigadeironoglitter.tk

    ResponderExcluir
  11. Heey
    Desculpa a demora, mais eu já abri meu blog faz tempo até, não tinha visto que você pediu, mais a url é essa ó:
    we-lovehtml.blogspot.com
    Beijos

    ResponderExcluir
  12. hOyee# amoree...tu me tirou dos afiliados? algum problema? :/

    biZus*

    WONDERLAND
    NEVERLAND

    ResponderExcluir

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