Como colocar outro menu na lateral do portal

Qual é minha questão:
Certo criei um outro menu para adiciona-lo ao Portal, mas não estou conseguindo coloca-lo.
Lembrando: Não quero que ele substitua o Menu Principal.

criei nesse site: http://cssmenumaker.com

Preview dele é esse:

Spoiler:

O código HTML do menu que criei:

Código:

<div id='cssmenu'>
<ul>
   <li class='active '><a href='http://csi-nwd.forumeiros.com/forum'><span>Fórum CSI</span></a></li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f4-regras-gerais'><span>Regras Gerais</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t251-regras-csi'><span>Regras CSI</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t6-regras-policiais'><span>Regras Policiais</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t166-regras-do-servidor'><span>Regras do Servidor</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f1-cadastro-de-agentes'><span>Cadastro de Agentes</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h3-'><span>Cadastre-se</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f13-sistemas'><span>Sistemas</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t277-sistema-alerta-v10'><span>Alerta [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t239-sistema-salario-v20'><span>Salário [ v.2.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t275-sistema-hierarquia-v10'><span>Hierarquia [ v.1.0]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t253-sistema-comunicacao-v10'><span>Comunicação [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t153-sistema-flood-no-chat-de-cla-v10'><span>Flood no chat de Clã [ v.1.0 ]</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Prisões CSI</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/f11-prisoes-csisa'><span>CSI: SA</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f23-prisoes-csitas'><span>CSI: TAS</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f20-prisoes-csist'><span>CSI: ST</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f16-promocoes-csi'><span>Promoções CSI</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/f17-promocao-1-mes-de-vip'><span>Promoção 1 Mês de VIP</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f6-revisao-de-suspensos'><span>Revisão de Suspensos</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h6-'><span>Formulário de Reintegração do Clã</span></a></li>
      </ul>
   </li>
   <li><a href='http://csi-nwd.forumeiros.com/f7-downloads'><span>Downloads</span></a></li>
</ul>
</div>

O CSS é esse:

Código:

@charset 'UTF-8';
/* Starter CSS for Flyout Menu */




#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li {
  float: none;
}
#cssmenu ul {
  font-weight: bold;
}
#cssmenu ul ul {
  margin-top: 1px;
}
#cssmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */




#cssmenu {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  background-color: #141414;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  width: 200px;
}
#cssmenu:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background-color: #141414;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  color: white;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 180%;
  padding: 13px 20px;
  text-decoration: none;
}
#cssmenu ul {
  border-right: 2px solid #0fa1e0;
  list-style: none;
  width: 200px;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #0fa1e0;
  margin-top: -10px;
}
#cssmenu > ul > li:first-child >a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
  background-color: #070707;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
}
#cssmenu > ul > li:hover > a {
  background-color: #070707;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  box-shadow: inset 0 0 3px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 5px;
  left: 100%;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

O espaço da lateral do meu portal é 200px, fico grato se puderem me ajudar =D

Endereço do meu fórum:
http://www.csi-nwd.forumeiros.com

Versão do fórum:
PHPBB3

Olá senhor, eu testei em meu fórum, e esse Css tu coloca lá certinho vai em...

PA->Visualizar->Cores->Folha de estilo Css e coloca o código do seu CSS.

depois tu vai em

Módulos-> Portal & Widgets-> Configuração do Portal Criar um Widget personalizado tu cria e coloca o nome e depois tu marca a opção Sim Utilizar um table type : tu marca Sim e coloca lá o nome que tu quiser e coloca o código em baixo, depois disso é só validar. no caso não vai aparecer logo no seu portal não aí, quando tu salvar vai voltar pra aquela página de criar um novo Widgets aí tu desce vai ter lá Adição/remoção de widgets pessoais eu coloca lá o que tu criou e clica em Adicionar o Widget.

espero ter ajudado.

Ola Fais asim Vai em

Painel de Controle>>Módulos>>Portal & Widgets>>Gestão dos widgets do fórum

Em Exibir os widgets do fórum : Marque a Opção (SIM)

Depois Vai em Criar um widget personalizado



Depois Vc Coloca os Dados



1° Nome que Dezeja

2° Marque A Opção (SIM)

3° Nome Denovo Que Vai ser Usado

4° Coloque O Code Logo A Baixo

Código:

<div>
<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/portal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Portal</a></li>
 <li id="suave" class="limenu"><a href="/forum.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Fórum</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/f11-pedidos-graficos" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos</a></li>
<li id="suave" class="limenu"><a href="/f22-pedidos-de-codigos" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
<li id="suave" class="limenu"><a href="/f52-area-vip" class="off" onmouseover="className='on'" onmouseout="className='off'">Área Vip</a></li>
<li id="suave" class="limenu"><a href="/f9-espaco-publicidade" class="off" onmouseover="className='on'" onmouseout="className='off'">Publicidade</a></li>
<li id="suave" class="limenu"><a href="/f18-entretenimento" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretenimento</a></li>
<li id="suave" class="limenu"><a href="/f19-games" class="off" onmouseover="className='on'" onmouseout="className='off'">Games</a></li>
<li id="suave" class="limenu"><a href="/f20-memes" class="off" onmouseover="className='on'" onmouseout="className='off'">Memes</a></li>
<li id="suave" class="limenu"><a href="/gallery/personal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Galeria</a></li>
<li id="suave" class="limenu"><a href="/f27-recursos" class="off" onmouseover="className='on'" onmouseout="className='off'">Recursos</a></li>
<li id="suave" class="limenu"><a href="/f30-noticias" class="off" onmouseover="className='on'" onmouseout="className='off'">Noticias</a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="/f12-tutoriais-e-dicas" class="off" onmouseover="className='on'" onmouseout="className='off'">Tutoriais</a></li>
 <li id="suave" class="limenu"><a href="/f6-regras" class="off" onmouseover="className='on'" onmouseout="className='off'">Regras Gerais</a></li>
 <li id="suave" class="limenu"><a href="/f7-apresente-se" class="off" onmouseover="className='on'" onmouseout="className='off'">Apresentações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile" class="off" onmouseover="className='on'" onmouseout="className='off'">Perfil</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li>
<li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=avatars" class="off" onmouseover="className='on'" onmouseout="className='off'">Avatar</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" class="off" onmouseover="className='on'" onmouseout="className='off'">Amigos</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Super</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=draftsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Rascunhos</a></li>
 </ul>
 </li>
<li id="suave" class="limenu"><a href="/t54-parceria" class="off" onmouseover="className='on'" onmouseout="className='off'">Parceria</a></li>
<li id="suave" class="limenu"><a href="/f10-area-livre" class="off" onmouseover="className='on'" onmouseout="className='off'">Area Livre</a></li>
<li id="suave" class="limenu"><a href="/h20-editor-de-imagens" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Photoeditor</a></li>
<li id="suave" class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=130831" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Vota Top 30</a></li>

<!--Painel do Usuario-->

<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/h1-staff" class="off" onmouseover="className='on'" onmouseout="className='off'">Staff</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/g1-administradores" class="off" onmouseover="className='on'" onmouseout="className='off'">Administrador</a></li>
 <li id="suave" class="limenu"><a href="/g2-moderadores" class="off" onmouseover="className='on'" onmouseout="className='off'">Moderadores</a></li>
 <li id="suave" class="limenu"><a href="/g4-programador-web" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
 <li id="suave" class="limenu"><a href="/g5-designer-grafico" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos </a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Ajuda-SP</a></li>
 <li id="suave" class="limenu"><a href="/g10-entretidos" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretidos</a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Gamers</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Tópicos</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Meus Tópicos </a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Supervisionados</a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=favouritesearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Favoritos</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_author=Convidado&amp;show_results=posts" class="off" onmouseover="className='on'" onmouseout="className='off'">Mensagens</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_id=newposts" class="off" onmouseover="className='on'" onmouseout="className='off'"><small>(Qua 31 Dez 1969)</small></a></li>
  </ul>
</li>

</ul>



<br>

<li id="suave" class="limenu"><a href="" target="_area" class="offface" onmouseover="className='onface'" onmouseout="className='offface'">Facebook</a></li>
<li id="suave" class="limenu"><a href="https://twitter.com/#!/SPDesign1" target="_area" class="offtw" onmouseover="className='ontw'" onmouseout="className='offtw'">Twitter</a></li>
<li id="suave" class="limenu"><a href="" target="_area" class="offfeed" onmouseover="className='onfeed'" onmouseout="className='offfeed'">Feed</a></li>

 </ul>


</div>

Depois vai em

Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folhas De Estilo Css

Coloque esse Code

Código:

.ulmenu {
list-style-type: none;
list-style-position: initial;
list-style-image: initial;
top: 0px;
width: 120px;
z-index: 900;
}
div * {
margin: 0;
padding: 0;
}
div * {
margin: 0px;
padding: 0px;
}
* {
margin: 0px;
padding: 0px;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Inherited from div.pun
.pun {
line-height: 130%;
margin: 0px auto;
padding: 5px;
}
Inherited from body
body {
color: rgb(51, 51, 51);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.pun div, .pun td, .sig-line {
}
div * {
margin: 0;
padding: 0;
}
div * {
margin: 0px;
padding: 0px;
}
* {
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Inherited from div.pun
.pun {
line-height: 130%;
margin: 0px auto;
padding: 5px;
}
Inherited from body
body {
color: rgb(51, 51, 51);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

Obrigado Meus Cunprimeirntos

Olá!

Este link pode lhe ajudar: https://ajuda.forumeiros.com/t72833-

Até mais!

Vlw Mafioso funcionou bacana!! Obrigado!! =D

O outro code do Venancio não funfou =/