19 de mai de 2014

Menu Simples

Trouxe para vocês mais um um tutorial de menu bem simples. Nesse menu vocês podem colocar 
coisas simples que não querem que ocupe muito espaço, ele é bem fofo e fica muito bem nos blogs.
Veja um exemplo aqui

1. Vá até Editar HTML e procure por ]]></b:skin>. Acima da tag, cole:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.menusimples {float: center; font: 8px "handy", small fonts; color:#fff !important; text-align: center; text-transform: uppercase; background-color: #f69ebf; padding: 3px; border-radius: 1px; text-shadow: 0 1px 0 #a0a0a0;margin-bottom: 5px; margin-top:5px; letter-spacing:0px; display: inline-block; width: auto; align: center; text-align: center; -webkit-transition-duration: .80s;}
.menusimples:hover { background-color: #404040; -webkit-transition-duration: .80s;}

Os códigos em negrito referem-se a cor do fundo, mude se precisar. 

2. Em um gadget de HTML/JavaScript, cole o seguinte código:
<center><div class="menusimples"><a href="SEU LINK">Tumblr</a></div> + <div class="menusimples"><a href="SEU LINK">Twitter</a></div> + <div class="menusimples"><a href="SEU LINK">Facebook</a></div> </center>

2 comentários :

  1. Oii! Tenho uma dúvida: Eu nunca consigo achar esse " ]]>"... Então, eu gostaria que você me explicasse melhor sobre isso. Beijoooos!

    ResponderExcluir
    Respostas
    1. Fica depois de:
      .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
      border-$startSide: 1px solid $(tabs.selected.text.color);
      }

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo