Centralizar menu

+2
Thor
Archivez
6 participantes

Ir para baixo

Tópico resolvido Centralizar menu

Mensagem por Archivez 16.02.12 14:52

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:
Centralizar menu Fl9HA

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

Versão do meu fórum:
PUNBB
Archivez
Archivez
Membro

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Thor 16.02.12 14:55

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!
Thor
Thor
Membro

Membro desde : 16/11/2011
Mensagens : 627
Pontos : 932

http://www.techarte.co.cc/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Archivez 16.02.12 14:56

Sim, Sim, foi o primeiro lugar onde fui!
Archivez
Archivez
Membro

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por MateusV. 16.02.12 14:57

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Archivez 16.02.12 14:59

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

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por MateusV. 16.02.12 15:04

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Thor 16.02.12 15:07

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!
Thor
Thor
Membro

Membro desde : 16/11/2011
Mensagens : 627
Pontos : 932

http://www.techarte.co.cc/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Archivez 16.02.12 15:08

AsToN, adiciona ao que ja tenho ou altero ?
Archivez
Archivez
Membro

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Thor 16.02.12 15:11

Olá,

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

Até mais!
Thor
Thor
Membro

Membro desde : 16/11/2011
Mensagens : 627
Pontos : 932

http://www.techarte.co.cc/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Archivez 16.02.12 15:12

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

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por MateusV. 16.02.12 15:17

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Archivez 16.02.12 20:20

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...
Centralizar menu JD3rs
Archivez
Archivez
Membro

Membro desde : 12/08/2009
Mensagens : 648
Pontos : 978

http://www.pokeprism.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por King Gz; 16.02.12 23:38

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
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Luciano98 17.02.12 6:12

Olá!

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

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por FantasY™ 17.02.12 17:07

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 !
FantasY™
FantasY™
Novo Membro

Membro desde : 17/02/2012
Mensagens : 3
Pontos : 5

http://www.mvirtual.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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