12 de set de 2013

Menu de Barrinhas

Este menu é estilo tumblr, fica muito fofo no blog. Para ver o menu de barrinhas clique aqui

Para colocar este menu fofo em seu blog, copie o código abaixo antes da tag ]]></b:skin>

.menu a {
 margin-right: 144px;
 background: #ffc0c0; /* Cor das caixinhas */
 border-left: 6px double #ff8080; /* Borda */
 font-family:palatino linotype; /* Fonte */
 text-transform:lowercase; /* Estilo da fonte - uppercase: maísculas e lowercase: minúsculas */
 display: block; /* Exibir em bloco */
 font-size: 10pt; /* Tamanho da fonte */
 color: #fff; /* Cor do texto */
 padding: 3px; /* Margem interna */
 text-align: left; /* Alinhamente do texto */
 margin-bottom: 1px;
 }
 .menu a:hover {
 border-left: 6px solid #ff8080; /* Borda em hover */
 }

Para fazer o menu de barrinhas funcionar copie o código abaixo e cole no gadget html/java script

<img src="http://3.bp.blogspot.com/-YlSV4J21M24/T4QmRimCfrI/AAAAAAAADjM/scPg1rDyAAw/s1600/menu.png" align="right" />

<div class="menu">
 <a href="URL 1">Link 1</a>
 <a href="URL 2">Link 2</a>
 <a href="URL 3">Link 3</a>
 <a href="URL 4">Link 4</a>
 <a href="URL 5">Link 5</a>
 <a href="URL 6">Link 6</a>
 <a href="URL 7">Link 7</a>
 </div>


Onde está escrito URL você colocar a url da página e em Link coloca o Nome da página.
Onde tem img src você coloca a url de sua imagem.

6 comentários :

  1. acho esse menu bonito, fofo e sem dúvida alguma, diferente e criativo
    querosabertudo-k.blogspot.com

    ResponderExcluir
  2. Olá Cátia, fico feliz que tenha gostado.
    Também acho este menu muito fofo.

    ResponderExcluir
  3. ameii o menu em barrinhas acho super fofo
    vem k queria saber se vc poderia fazer um layout para esse blog---------------->http://beliveinlove2014.blogspot.com.br/

    porq eu nao sei mexer muito com esas coisas e é bem dificil de fazer mesmo vendo varios tutoriais é bem dificil

    ResponderExcluir
    Respostas
    1. Giovanna, posso sim. Preciso saber as cores.

      Excluir
  4. Amei as barrinhas vc pode fazer um template pra mim, qualquer coisa se comunica por emai. Lribeiro999@hotmail.com

    ResponderExcluir
    Respostas
    1. Ana Lívia, fico feliz por ter gostado do menu.
      Claro que posso fazer um layout para você.

      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