• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

17 de outubro de 2012

Menu pixel

Tumblr_lr2nfom24t1qzgt9no1_500_large


Olá gente, 
trouxe um menu que aprendi do kawaii world, ele é muito kawaii e mega fácil de fazer!

Primeiramente procure por ]]></b:skin>  e antes da tag cole:


ul.menu01{margin:0;padding:0;list-style-type:none;display:block;font-family:"04b03", small fonts; font-size: 8px;line-height:100%;width:210px;padding-top: 2px;}ul.menu01 li{margin:0;padding:0;border-top:1px solid #bee1f0;border-bottom:1px solid #d3eef5;}ul.menu01 li a{display:block;text-decoration:none;color:#66c4e3;background:#c8e6f0;padding:0 0 0 0px;width:210px;}ul.menu01 li a:hover{background:#e7e2e4;}ul.menu01 li a.current,ul.menu01 li a.current:hover{background:#eff0f2;}/* FONTE PIXEL */@font-face {font-family: "04b03";src: url('http://static.tumblr.com/p0nqcte/56im0rvo6/04b_03__.ttf'); format("truetype"); }



E onde quer que apareça o menu, é só colar isso em um HTML/JavaScript:


<ul class="menu01"> <li><a href="#">NOME DO LINK</a></li> <li><a href="#">NOME DO LINK</a></li><li><a href="#">NOME DO LINK</a></li> <li><a href="#">NOME DO LINK</a></li>  </ul>

Pronto, está feito seu menuzinho kawaii, visualização no início da postagem, tabela de cores aqui - aqui



Nota:

width:210px; - Se não ficar no centro ou você quiser aumentar o fundo, altere este número.
#bee1f0 - Cor da bordinha do topo.
#d3eef5 - Cor da bordinha de baixo.
#c8e6f0 - Fundo.

Captaram? ushaush' fácil não?! beijos! 
...vocês estavam com saudades da tiitia megan né?! suhasuh beijiins

6 comentários:

  1. Nhannw' Testei em um layout free aqui e ficou uma graça! Adorei o tutorial e pensava que era mais dificil. xD

    meu-mundinhocolorido.blogspot.com

    ResponderExcluir
  2. Pensei que seria muito mais dificil.. é bem facil!
    Adorei o blog, é lindo!

    Beijos,
    capuccinoeacetona.blogspot.com || promoção rolando, clique aqui.

    ResponderExcluir
  3. Oi linda qual a fonte que usa no texto do post fala fala fala por favorzinho? vou vir todo dia nesse post ver se vc respondeu o comnete eiin!

    ResponderExcluir
    Respostas
    1. Nem disse meu nome! é pq não tenho conta mas usei meu nome e uma foto! por favor me diz qual é a fonte que usa na postagem?

      Excluir
    2. eu não sei flor...pq mudamos de layout então não sei mesmo

      Excluir