Centralizar menu

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

Resolvido Centralizar menu

Mensagem por Archivez em 16/02/12, 12:52 pm

Qual é minha questão:
Instalei um tema no meu fórum, editei algumas coisas que conseguia, mas percebi que com as mudanças, não estava conseguindo centralizar o Menu do fórum. Então hoje venho aqui a pedir a vocês a ajuda devida para meu problema.


Medidas que eu tomei para corrigir o problema:
Tentei ver pelo css se eu conseguia algo por lá mas, achei melhor não mexer para não atrapalhar algumas coisas do tema. Para tentar facilitar a vida de vocês achei a parte do menu no css, o qual é esse:

Código:
/*---------MENU--------*/
.navlinks{
  position:absolute;
  top:138px;
  margin-left: 40px;
  text-align: center;
  border-left:10 solid #A8641B!important;
  border-right:0 solid #A8641B!important;
  border-top:0px solid #A8641B!important;
  border-bottom:0px solid #A8641B!important;
 }
ul.navlinks {
  padding:17px 0 0 0;
  font-weight: normal;
  text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
  height:10px!important;
}
.navlinks a{
        font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
   font-weight: normal;
        font-size: 13px;
   margin-top: -5px;
   text-align: center;
        font-style: italic;
        text-decoration:none!important;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks li{
        text-shadow: #777 0 1px 2px;
        text-align:center!important;
        padding:8px;
        padding-top: 8px;
}

.navlinks li:hover{
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

ul.navlinks span.new-message{
  color:red!important;
}
ul.navlinks span.new-message:hover{
  color:red!important;
  text-decoration:none;
}
/*--------End-MENU--------*/

Links e imagens do meu problema:


Endereço do meu fórum:
www.pokeprism.forumeiros.com

Versão do meu fórum:
PUNBB
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por Thor em 16/02/12, 12:55 pm

Olá,

Você já tentou?
Painel de controle Seta Visualização Seta Página inicial ou home page Seta Cabeçalho e navegação.

Posição do menu : Centralizar

Até mais!
avatar

Thor
Usuário destaque

Masculino
Inscrito dia : 16/11/2011
Mensagens : 627
Pontos Ativos : 932

Ver perfil do usuário http://www.techarte.co.cc/forum

Resolvido Re: Centralizar menu

Mensagem por Archivez em 16/02/12, 12:56 pm

Sim, Sim, foi o primeiro lugar onde fui!
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por MateusV. em 16/02/12, 12:57 pm

Olá, troque o codigo para este
Código:
/*---------MENU--------*/
.navlinks{
  position:absolute;
  top:138px;
  margin-left: 40px;
  text-align: center !important;
  border-left:10 solid #A8641B!important;
  border-right:0 solid #A8641B!important;
  border-top:0px solid #A8641B!important;
  border-bottom:0px solid #A8641B!important;
 }
ul.navlinks {
  padding-left:17px 0 0 0;
  font-weight: normal;
  text-align: center !important;}
.navbar {background-color: transparent;}
.navlinks ul{
  height:10px!important;
}
.navlinks a{
        font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
  font-weight: normal;
        font-size: 13px;
  margin-top: -5px;
  text-align: center !important;
        font-style: italic;
        text-decoration:none!important;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
    text-align: center !important;
}
.navlinks li{
        text-shadow: #777 0 1px 2px;
        text-align:center!important;
        padding:8px;
        padding-top: 8px;
      text-align: center !important;
}

.navlinks li:hover{
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

ul.navlinks span.new-message{
  color:red!important;
}
ul.navlinks span.new-message:hover{
  color:red!important;
  text-decoration:none;
}
/*--------End-MENU--------*/
Resulta? Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Centralizar menu

Mensagem por Archivez em 16/02/12, 12:59 pm

Não funcionou ;/
Apenas levantou o menu um pouco mias do que já era.
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por MateusV. em 16/02/12, 01:04 pm

Olá, tente com este
Código:
/*---------MENU--------*/
.navlinks{
  position: center !important;
  top:138px;
  margin-left: 100px;
  text-align: center;
  border-left:10 solid #A8641B!important;
  border-right:0 solid #A8641B!important;
  border-top:0px solid #A8641B!important;
  border-bottom:0px solid #A8641B!important;
 }
ul.navlinks {
  padding:17px 0 0 0;
  font-weight: normal;
  text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
  height:10px!important;
}
.navlinks a{
        font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
  font-weight: normal;
        font-size: 13px;
  margin-top: -5px;
  text-align: center;
        font-style: italic;
        text-decoration:none!important;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks li{
        text-shadow: #777 0 1px 2px;
        text-align:center!important;
        padding:8px;
        padding-top: 8px;
}

.navlinks li:hover{
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

ul.navlinks span.new-message{
  color:red!important;
}
ul.navlinks span.new-message:hover{
  color:red!important;
  text-decoration:none;
}
/*--------End-MENU--------*/
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Centralizar menu

Mensagem por Thor em 16/02/12, 01:07 pm

Olá,

Tente este código:
Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url() no-repeat top center;
left: -56px;
position: relative;}

Até mais!
avatar

Thor
Usuário destaque

Masculino
Inscrito dia : 16/11/2011
Mensagens : 627
Pontos Ativos : 932

Ver perfil do usuário http://www.techarte.co.cc/forum

Resolvido Re: Centralizar menu

Mensagem por Archivez em 16/02/12, 01:08 pm

AsToN, adiciona ao que ja tenho ou altero ?
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por Thor em 16/02/12, 01:11 pm

Olá,

Alterá mas toma cuidado para não destruir sua css.

Até mais!
avatar

Thor
Usuário destaque

Masculino
Inscrito dia : 16/11/2011
Mensagens : 627
Pontos Ativos : 932

Ver perfil do usuário http://www.techarte.co.cc/forum

Resolvido Re: Centralizar menu

Mensagem por Archivez em 16/02/12, 01:12 pm

Desculpe-me Mateus, mas esqueci de lhe falar que seu código não funcionou ;x
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por MateusV. em 16/02/12, 01:17 pm

Olá, eu testei em um forum meu e resultou, subistitua o codigo do seu menu por este
Código:
/*---------MENU--------*/
.navlinks{
  position: left !important;
  top:138px;
  margin-left: 40px;
  text-align: center;
  border-left:10 solid #A8641B!important;
  border-right:0 solid #A8641B!important;
  border-top:0px solid #A8641B!important;
  border-bottom:0px solid #A8641B!important;
 }
ul.navlinks {
  padding:17px 0 0 0;
  font-weight: normal;
  text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
  height:10px!important;
}
.navlinks a{
        font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
  font-weight: normal;
        font-size: 13px;
  margin-top: -5px;
  text-align: center;
        font-style: italic;
        text-decoration:none!important;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks li{
        text-shadow: #777 0 1px 2px;
        text-align:center!important;
        padding:8px;
        padding-top: 8px;
}

.navlinks li:hover{
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

ul.navlinks span.new-message{
  color:red!important;
}
ul.navlinks span.new-message:hover{
  color:red!important;
  text-decoration:none;
}
/*--------End-MENU--------*/
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Centralizar menu

Mensagem por Archivez em 16/02/12, 06:20 pm

Desculpe pela demora, mas tive que me ausentar por algumas horas.
Irei testar seu código Mateus.

@Edit: Não resultou, Mateus, ficou deste modo...
avatar

Archivez
Usuário destaque

Masculino
Inscrito dia : 12/08/2009
Mensagens : 648
Pontos Ativos : 978

Ver perfil do usuário http://www.pokeprism.forumeiros.com

Resolvido Re: Centralizar menu

Mensagem por King Gz; em 16/02/12, 09:38 pm

Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css Seta Adicione o código e salve!
Código:
#pun-navlinks ul{text-align:center}

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Centralizar menu

Mensagem por Luciano98 em 17/02/12, 04:12 am

Olá!

Você ainda está com esse problema? Eu acessei o seu fórum e o menu está centralizado.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Centralizar menu

Mensagem por FantasY™ em 17/02/12, 03:07 pm

@Luciano98 escreveu:Olá!

Você ainda está com esse problema? Eu acessei o seu fórum e o menu está centralizado.

Até mais.

Resolvido com ele Sim !, Resolvido comigo também, Obrigado Luciano98 !
avatar

FantasY™
Nível 1

Masculino
Inscrito dia : 17/02/2012
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://www.mvirtual.forumeiros.com

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