Arrumar o menu para centro

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

Resolvido Arrumar o menu para centro

Mensagem por afonsobr em 07/04/13, 09:13 pm

Qual é minha questão:
Olá pessoal. Estou com um problema: quando eu uso o css abaixo para modificar o menu, ele deixa de ser centralizado.
O código é:
Código:
#pun-head #pun-navlinks {
  text-align: center !important;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: #D7D7D7 url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/primary_nav.jpg) repeat 0 0;
border-bottom: 1px solid #C4C4C4;
border-radius: 4px 4px 0 0;
min-height: 38px;
padding: 4px 4px 0;
}
#pun-navlinks ul {
  margin: 0;
  text-align: center !important;
list-style: none;
}
#pun-navlinks a {
  text-align: center !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #6F6F6F;
display: block;
height: 35px;
line-height: 35px;
outline: none;
padding: 0 11px;
text-shadow: white 0 1px 0;
}
#pun-navlinks a:hover {
text-align: center !important;
-moz-box-shadow: inset rgba(0,0,0,0.75) 0 1px 3px, rgba(255,255,255,0.45) 0 0 0 1px, rgba(255,255,255,0.8) 0 1px 0;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.75) 0 1px 3px, rgba(255, 255, 255, 0.45) 0 0 0 1px, rgba(255, 255, 255, 0.8) 0 1px 0;
background: #D75D2D url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/primary_nav_active.jpg) repeat 50% 0;
box-shadow: inset rgba(0, 0, 0, 0.75) 0 1px 3px, rgba(255, 255, 255, 0.45) 0 0 0 1px, rgba(255, 255, 255, 0.8) 0 1px 0;
color: white;
padding: 0 11px;
position: relative;
text-decoration: none;
text-shadow: #892307 0 1px 1px;
}
#pun-navlinks li {
text-align: center !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #6F6F6F;
display: inline;
float: left;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 35px;
line-height: 35px;
outline: none;
padding: 0 5px;
text-decoration: none;
text-shadow: white 0 1px 0;
text-transform: uppercase;
}


Endereço do meu fórum:
http://digimongames.forumeiros.com

Versão do fórum:
PUNBB


Última edição por afonsobr em 07/04/13, 09:52 pm, editado 1 vez(es)
avatar

afonsobr
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Arrumar o menu para centro

Mensagem por .Danni. em 07/04/13, 09:18 pm

Olá,

No seu painel de controle, o menu está centralizado?

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Arrumar o menu para centro

Mensagem por Convidado em 07/04/13, 09:25 pm

Saudações!

Como este tema era meu, não há CSS para centralizar e sim pelo painel.
Acenda á
Painel de Controle Seta Visualização Seta Home Page Seta Cabeçalho e Navegação
Procure por Posição do menu : Coloque "Centralizar".
e Salvar.

Até Piscada

Convidado
Convidado


Resolvido Re: Arrumar o menu para centro

Mensagem por afonsobr em 07/04/13, 09:35 pm

Sim, está configurado como Centralizado, tanto é que se eu remover esse CSS ele volta a ficar centralizado.
avatar

afonsobr
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Arrumar o menu para centro

Mensagem por .Danni. em 07/04/13, 09:40 pm

Olá,

Tente este CSS:
Código:
#pun-navlinks ul {
list-style: none;
margin: 0 0 0 20%;
text-align: center!important;
position: absolute;
}

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Arrumar o menu para centro

Mensagem por afonsobr em 07/04/13, 09:47 pm

The Boss escreveu:Olá,

Tente este CSS:
Código:
#pun-navlinks ul {
list-style: none;
margin: 0 0 0 20%;
text-align: center!important;
position: absolute;
}

Cordialmente,
The Boss
Quase deu certo, agora está jogado mais pra direita.
avatar

afonsobr
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Arrumar o menu para centro

Mensagem por .Danni. em 07/04/13, 09:50 pm

Olá,

Ajuste a porcentagem no parâmetro "margin" até que fique do seu agrado.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Arrumar o menu para centro

Mensagem por afonsobr em 07/04/13, 09:52 pm

Obrigado, já consegui. Já clique no Obrigado.
avatar

afonsobr
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 21
Pontos Ativos : 33

Ver perfil do usuário http://digimongames.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