Como colocar outro menu na lateral do portal

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como colocar outro menu na lateral do portal

Mensagem 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'><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


Última edição por Bruninho._ em 04.01.13 19:27, editado 1 vez(es)
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar outro menu na lateral do portal

Mensagem 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.
Mafioso

Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar outro menu na lateral do portal

Mensagem 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

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&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
Venancio Mattos

Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar outro menu na lateral do portal

Mensagem por Sennior 04.01.13 17:38

Olá!

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

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar outro menu na lateral do portal

Mensagem por Bruninho._ 04.01.13 19:26

Vlw Mafioso funcionou bacana!! Obrigado!! =D

O outro code do Venancio não funfou =/
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos