Mudar menu

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

Resolvido Mudar menu

Mensagem por ale97 em 31/12/12, 12:17 pm

Qual é minha questão:
Eu criei um menu no css menu maker, depois, fui colocar o código java no fórum e ele ficou igual, o que tenho de mudar?! 


Endereço do meu fórum:
http://beasim.umforum.net

Versão do fórum:
PHPBB3


Última edição por ale97 em 03/01/13, 05:17 pm, editado 2 vez(es)
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por StyLe® em 31/12/12, 12:19 pm

Não entendi poderia ser mais especifico poderia me mandar uma imagem como quer?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Mudar menu

Mensagem por ale97 em 31/12/12, 12:22 pm

@StyLe® escreveu:Não entendi poderia ser mais especifico poderia me mandar uma imagem como quer?
Eu não tenho nenhuma imagem!
É assim, eu já tenho o menu criado, e depois como eu faço para colocá-lo no meu fórum?
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por StyLe® em 31/12/12, 12:27 pm

Poderia me passar o código HTML e o CSS que você gero no menumaker?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Mudar menu

Mensagem por ale97 em 31/12/12, 12:31 pm

@StyLe® escreveu:Poderia me passar o código HTML e o CSS que você gero no menumaker?
Sim:)

HTML
Código:
<div id='cssmenu'>
<ul>
  <li><a href='http://beasim.umforum.net/'><span>Home</span></a></li>
  <li><a href='http://beasim.umforum.net/forum'><span>Fórum</span></a></li>
  <li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span>Mensagens</span></a></li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c5-downloads'><span>Downloads</span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f11-sims-1'><span>Sims 1</span></a></li>
        <li><a href='http://beasim.umforum.net/f18-sims-2'><span>Sims 2</span></a></li>
        <li><a href='http://beasim.umforum.net/f25-sims-3'><span>Sims 3</span></a></li>
      </ul>
  </li>
  <li><a href='http://beasim.umforum.net/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://beasim.umforum.net/f34-historias-e-series'><span>Histórias</span></a></li>
</ul>
</div>

CSS
Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#60a318; background:-moz-linear-gradient(top,  #60a318 0%, #588514 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a318), color-stop(100%,#588514)); background:-webkit-linear-gradient(top,  #60a318 0%,#588514 100%); background:-o-linear-gradient(top,  #60a318 0%,#588514 100%); background:-ms-linear-gradient(top,  #60a318 0%,#588514 100%); background:linear-gradient(top,  #60a318 0%,#588514 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a318', endColorstr='#588514',GradientType=0 ); }
#cssmenu{border-color:#39540d;}
#cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#87d435;}
#cssmenu > ul > li > a:hover{background:#6aa613;}

Estão aqui!
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por Sennior em 31/12/12, 01:17 pm

Boa tarde!

Peço que leia: http://ajuda.forumeiros.com/t64803-

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar menu

Mensagem por BrunoH. em 31/12/12, 01:19 pm

Olá!
Aceda a Gestão dos códigos JavaScript:
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos códigos JavaScript

Investimento Seta Em todas as páginas
Código:
Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li><a href='http://beasim.umforum.net/'><span>Home</span></a></li>
  <li><a href='http://beasim.umforum.net/forum'><span>Fórum</span></a></li>
  <li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span>Mensagens</span></a></li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c5-downloads'><span>Downloads</span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f11-sims-1'><span>Sims 1</span></a></li>
        <li><a href='http://beasim.umforum.net/f18-sims-2'><span>Sims 2</span></a></li>
        <li><a href='http://beasim.umforum.net/f25-sims-3'><span>Sims 3</span></a></li>
      </ul>
  </li>
  <li><a href='http://beasim.umforum.net/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://beasim.umforum.net/f34-historias-e-series'><span>Histórias</span></a></li>
</ul>
</div>"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});
e Salve!

Fazendo isto, agora Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#60a318; background:-moz-linear-gradient(top,  #60a318 0%, #588514 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a318), color-stop(100%,#588514)); background:-webkit-linear-gradient(top,  #60a318 0%,#588514 100%); background:-o-linear-gradient(top,  #60a318 0%,#588514 100%); background:-ms-linear-gradient(top,  #60a318 0%,#588514 100%); background:linear-gradient(top,  #60a318 0%,#588514 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a318', endColorstr='#588514',GradientType=0 ); }
#cssmenu{border-color:#39540d;}
#cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#87d435;}
#cssmenu > ul > li > a:hover{background:#6aa613;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Mudar menu

Mensagem por ale97 em 31/12/12, 08:34 pm

Não funcionou Triste
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por Sennior em 31/12/12, 08:36 pm

@Mikéé escreveu:Boa tarde!

Peço que leia: http://ajuda.forumeiros.com/t64803-

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar menu

Mensagem por ale97 em 31/12/12, 08:44 pm

Boa tarde, mesmo assim não funcionou :S
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por Sennior em 01/01/13, 09:56 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -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 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#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;
}
e Valide!
Fazendo isto, agora aceda a "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Título Seta Escolha um título qualquer.
Investimento Seta Em todas as páginas
Código:
Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'><ul>  <li><a href='www.bpchampions.forumeiros.com/forum'><span>Fórum</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/portal'><span>Portal</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/search'><span>Buscar</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/memberlist'><span>Membros</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/groups'><span>Grupos</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/privmsg?folder=inbox'><span>Mensagem Privadas</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/login?logout=1&tid=cd0e30bc93911d1542a9cd6d9e6cda04&key=a73675'><span>Sair</span></a></li></ul></div>"};jQuery('#page-header .navbar').replaceWith(m)});
e Salve!

Até mais! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar menu

Mensagem por ale97 em 02/01/13, 12:40 pm

Olá Mikéé, agradeço a ajuda, mas não funcionou, ficou a azul e branco (devia ser cinzento e verde) e não apareceu as opções que eu coloquei Triste
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por [S]herlock em 02/01/13, 01:31 pm

Olá amigo , adicione o código CSS .

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:

#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#60a318; background:-moz-linear-gradient(top,  #60a318 0%, #588514 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a318), color-stop(100%,#588514)); background:-webkit-linear-gradient(top,  #60a318 0%,#588514 100%); background:-o-linear-gradient(top,  #60a318 0%,#588514 100%); background:-ms-linear-gradient(top,  #60a318 0%,#588514 100%); background:linear-gradient(top,  #60a318 0%,#588514 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a318', endColorstr='#588514',GradientType=0 ); }
#cssmenu{border-color:#39540d;}
#cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#87d435;}
#cssmenu > ul > li > a:hover{background:#6aa613;}

Caso não tenha adicionado a CSS . Peço que bote o código no começo da sua folha de estilo.
Caso já tenha adicionado a CSS , não adicione denovo .

Agora , vamos adicionar o código java script .

Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos códigos Java Script


Habilitar códigos Java Script : Sim

Depois disso , clique em :



Título Seta Escolhe qualquer um
Investimento Seta Em todas as páginas
Código :

Código:

jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li><a href='http://beasim.umforum.net/'><span>Home</span></a></li>
  <li><a href='http://beasim.umforum.net/forum'><span>Fórum</span></a></li>
  <li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span>Mensagens</span></a></li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c5-downloads'><span>Downloads</span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f11-sims-1'><span>Sims 1</span></a></li>
        <li><a href='http://beasim.umforum.net/f18-sims-2'><span>Sims 2</span></a></li>
        <li><a href='http://beasim.umforum.net/f25-sims-3'><span>Sims 3</span></a></li>
      </ul>
  </li>
  <li><a href='http://beasim.umforum.net/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://beasim.umforum.net/f34-historias-e-series'><span>Histórias</span></a></li>
</ul>
</div>"};jQuery('#page-header .navbar').replaceWith(m)});

Abraços , Piscada
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Mudar menu

Mensagem por ale97 em 02/01/13, 02:00 pm

Olá, agradeço sua ajuda, mas ficou na mesma, sem alteração Triste

Se souberem outra maneira de mudar o menu, por favor me ensinem!!!
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Resolvido Re: Mudar menu

Mensagem por [S]herlock em 02/01/13, 02:08 pm

Olá ,

O Senhor habilitou o gerenciamento dos Java Script's ?

Abraços Piscada
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Mudar menu

Mensagem por ale97 em 02/01/13, 02:11 pm

HugoPimenta escreveu:Olá ,

O Senhor habilitou o gerenciamento dos Java Script's ?

Abraços Piscada

Agora sim kk'
Obrigada pela ajuda!

RESOLVIDO#
avatar

ale97
Nível 6

Feminino
Inscrito dia : 30/12/2012
Mensagens : 75
Pontos Ativos : 138

Ver perfil do usuário http://beasim.umforum.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum