Qual é minha questão:
Eu queria saber como pazer uma windget usando esses codigos

HTML

Código:

<div id='cssmenu'>
<ul>
  <li><a href='http://narutojet.naruto-rpg.com/'><span>Inicio</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/faq'><span>FAQ</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/memberlist'><span>Ninjas</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/'><span>Sair</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/login?redirect=%2Fprofile%3Fmode%3Deditprofile'><span>Login</span></a></li>
  <li><a href='http://narutojet.naruto-rpg.com/register'><span>Item</span></a></li>
</ul>
</div>

Imagem do meu problema:


Endereço do meu fórum:
http://narutojet.naruto-rpg.com

Versão do meu fórum:



CSS

Código:


<style type="text/css">
<!--
#cssmenu
{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   position:relative;
   display:block;
   height:36px;
   font-size:12px;
   font-weight:bold;
   text-transform:lowercase;
   background:transparent url('images/bg.jpg') repeat-x top left;
   font-family:'Trebuchet MS',Helvetica,Arial,Verdana,sans-serif;
   border-bottom:1px solid #000000;
   border-top:1px solid #000000;
}

#cssmenu li
{
   display:block;
   float:left;
   margin:0;
   pading:0;
}
   
#cssmenu li a
{
   display:block;
   float:left;
   color:#999999;
   text-decoration:none;
   font-weight:bold;
   padding:12px 20px 0 20px;
   height:24px;

}
   
#cssmenu li a:hover
{   
   color:#FFFFFF;
   background:transparent url('images/over.jpg') no-repeat top right;   
}


o resultado tem que ser parcido com esse:
http://cssmenumaker.com/builder/55238

olá, nao vou só te passar o codigo, como vou te ensinar a montar...

O POST FICOU GRANDE, ENTÃO COLOQUEI AQUI PARA DEIXA-LO MENOR:

você irá colocar ele em um novo widget, em "utilixar como um table type" voce marcará não, caso marque sim, vai ficar meio estranho.

flw, espero ter ajudado....
Abraços,

bom não deu certo será que é por que ja tenho o menu vertical?

ue, eu olhei lá e funcionou perfeitamente....

mas com dois menus?o vertical e o horisontal? alem do qu ambos são da CSSmenumaker será q não é por isso que deu errad?

HÁ CARA, AGORA QUE VI, ESSE AI E HORIZONTAL, e com horizontal na sua versão não é possivel, pois a gente teria que editar seu template pra deletar o menu antigo e implantar esse no lugar...lamento, e o vertical q te passei..funcionou?

sim o vertical ficou otimo até consegui editar a cor do efeito mt obg XD

(topico resolvido)