Centralizar menu

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

Olá,

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

Posição do menu : Centralizar

Até mais!

Sim, Sim, foi o primeiro lugar onde fui!

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

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

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

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!

AsToN, adiciona ao que ja tenho ou altero ?

Olá,

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

Até mais!

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

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

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

Olá,

Aceda à Painel de controle Visualização Imagens e cores Cores Folha de estilo css Adicione o código e salve!

Código:

#pun-navlinks ul{text-align:center}

Até mais

Olá!

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

Até mais.

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 !