Menu Barrinhas Vertical Pixel [004]

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.

Brevia do efeito

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

Códigos

    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;}

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

Códigos

<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!