Como colocar outro menu na lateral do portal

por Bruninho._ 04.01.13 0:43

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

por Mafioso 04.01.13 14:05

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.

por Venancio Mattos 04.01.13 16:08

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

Como colocar outro menu na lateral do portal M7uycg

Como colocar outro menu na lateral do portal M7uycg

Depois Vc Coloca os Dados

Como colocar outro menu na lateral do portal Fe2vl3

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&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li> <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li> <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li> <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=avatars" class="off" onmouseover="className='on'" onmouseout="className='off'">Avatar</a></li> <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li> <li id="suave" class="limenu"><a href="/profile?mode=editprofile&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>  <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&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'">(Qua 31 Dez 1969)</a></li> </ul> </li> </ul> <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; }