07/09/2012

Tutorial: Menu Pixel

||

Yo! Como vão vocês? Trago o tutu do dia para vocês um menu super kawaii, ele e perfeito para quem tem muitos afiliados e quer ser mais organizado sem dizer que deixa o blog muito fofo. Então e só você seguir o tutu que ficara perfeito e só personalize as cores. Quer ve?

Dentro do seu HTML procure por ]]></b:skin>, achou? Assim que achar acima dessa tag cole o próximo código

    ul.menu01{margin:0;padding:0;list-style-type:none;display:block;
    font-family:"000000", small fonts; font-size: 8px;line-height:90%;
    width:210px;
    padding-top: 2px;}
    ul.menu01 li{margin:0;padding:0;border-top:1px solid #bee1f0;
    border-bottom:1px solid #1E90FF;}
    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:#87CEFA;}
    ul.menu01 li a.current,ul.menu01 li a.current:hover{
    background:#40E0D0;}


Agora cole o proximo codigo dentro de um gadget  HTML/JavaScript

<ul class="menu01">
 <li><a href="#">NOME </a></li>
 <li><a href="#">NOME</a></li>
<li><a href="#">NOME </a></li>
 <li><a href="#">NOME</a></li>
  </ul>
Agora é so salvar!

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram