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