1 de jan de 2014

Menu Cute de duas colunas

     Hoje trouxe mais um tutu, dessa vez um menu muito lindo que pode ser usado para goodies , tags e outros afins, espero que gostem do menu e se forem usar por favor creditem, é muito importante para a divulgação do blog, esse tutorial é muito rápido e simples de fazer, vamos lá..


Preview



01 - Passo - Cole o código abaixo acima da tag: ]]></b:skin>


/ *** menu duas colunas *** /
.esquerda {float:left; width:49%; text-align:center;}
.direita {float:right; width:49%;text-align:center;}
.tudo {margin:1px;padding:1px;}
.ff {background-color:#FAD7E2;text-shadow: 1px 1px 0 #F2BFCC;font-family:Arial; font-size: 12px; color: #fff;padding:1px; margin:1px;border-radius:4px;width:240px;border-left:3px solid #c1d8dc;}

02- Passo - Adicione o código abaixo em um HTML/JAVASCRIPT.

<div class="esquerda">
<div class="ff">Nome aqui </div>
<div class="ff">Nome aqui </div>
<div class="ff">Nome aqui</div></div>
<div class="direita">
<div class="ff">Nome aqui</div>
<div class="ff">Nome aqui</div>
<div class="ff">Nome aqui</div></div>
<div class="tudo"></div> 

11 comentários:

  1. Muito fofo o menu, adorei. Feliz 2014!
    Abraços || sevendays-official.blogspot.com.br

    ResponderExcluir
    Respostas
    1. obrigada Babi que bom que gostou, feliz 2014 para você também!!

      Excluir
  2. Que menu lindinho *0* Talvez eu use, gostei mesmo. Feliz ano novo :33

    htmlandresources.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada Heloísa, que bom que você gostou, feliz ano novo para você também!!!

      Excluir
  3. Nossa, muito lindo *o* favoritei o post pra usar depois! Aliás, conheci o blog agora e achei muito bonito e os tutoriais são muito úteis! Já segui aqui :D
    Entre na minha rua mágica, Magic Road

    ResponderExcluir
  4. Que menu lindo!!

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  5. Acho que a sidebar, tem ser grande né?

    Mais é lindo!

    http://morango-sabor.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. é verdade mas você pode diminuir o tamanho dele no código, mas esse tipo de menu é melhor para ser utilizado como lista de goodies e afins.

      Excluir
  6. Vou usar amei o menu muito fofo :3
    http://mysweeet-world.blogspot.com.br/

    ResponderExcluir