Menu centralizado

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

Resolvido Menu centralizado

Mensagem por Hyouki em 25/04/12, 07:09 pm

Qual é minha questão:
Olá O meu Menu esta assim!

Eu queria q ele fica-se assim Centralizado igual a esse Abaixo!


Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:


Endereço do meu fórum:
http://forum-dix.forumeiros.com

Versão do meu fórum:
PUNBB


Última edição por lucasxd111 em 28/04/12, 09:46 am, editado 2 vez(es)
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por iPrompt em 25/04/12, 07:10 pm

Olá,

Para isso vá em:

Visualização Seta Home Page Seta Cabeçalho e Navegação :seta2: Posição do menu

Até mais!
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 25/04/12, 07:13 pm

Olá ja tentei isso mais eu queria q ele ficasse igual esse da imagem
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por iPrompt em 25/04/12, 07:16 pm

Olá,

Adiciona este código em sua Folha de estilo CSS

#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}

Melhores cumprimentos!
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 25/04/12, 07:22 pm

Olá @Coper o Codigo Não Fuciono o Menu fica do mesmo jeito sera q poderia reentra no Meu Fórum e Fazer a Seguinte Façanha!?
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por Cream em 25/04/12, 08:40 pm

Olá,

Tente este código:
Código:
#page-header .navbar ul.linklist {
text-aling: center !important;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 26/04/12, 12:55 pm

Olá Não esta Fucionando
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por Mujica em 26/04/12, 09:29 pm

Tente este código:

Código:
#page-header .navbar ul.linklist {
text-align: center !important;
}
Cream inverteu o "gn".

caso o código acima não funcione, tente este:
Código:
#page-header .navbar ul.linklist {
margin: 0 auto;
}

Resulta? Café
avatar

Mujica
Nível 9

Masculino
Inscrito dia : 23/10/2011
Mensagens : 222
Pontos Ativos : 332

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 27/04/12, 03:04 pm

Olá Esses Codigos q Voces Minderam Não estão ajudando Porfavor Alguem da uma Ajuda q Fucione Corretamente Atéé.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por Mujica em 27/04/12, 10:30 pm

Olá,
Poderia me enviar o conteúdo da sua folha CSS?

Até.
avatar

Mujica
Nível 9

Masculino
Inscrito dia : 23/10/2011
Mensagens : 222
Pontos Ativos : 332

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

Resolvido Re: Menu centralizado

Mensagem por The Lord™ em 27/04/12, 10:41 pm

Olá,
Isso aconteceu uma vez comigo eu só retirei e coloquei o logo. Não sei se com você vai funcionar, mas comigo funcionou. Não custa nada tentar né? Piscada

Até.
avatar

The Lord™
Nível 5

Masculino
Inscrito dia : 30/07/2011
Mensagens : 48
Pontos Ativos : 83

Ver perfil do usuário http://gbvendas.net/forum

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 28/04/12, 09:10 am

Aqui Esta
Código:
#page-header .navbar ul.navlinks {
background: url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 50px;
left: -24px;
position: relative;
width: 1040px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}
body {
background-attachment: scroll;
background-color: white;
background-image: url(http://img2.cdn1.habbo.com/c_images/backgrounds2/bg_pattern_space.gif);
color: #222;
font-family: trebuchet MS,trebuchet MS;
font-size: 10px;
height: auto;
padding: 10px 0;
}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
#wrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFFFF;
}
.headerbar {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5FADD4;
padding: 0;
}
div.panel.row3, div.post.row1, div.post.row1.online, div.post.row2, div.post.row2.online {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: white;
border: solid 1px #D4D6D5;
border-radius: 7px;
padding: 2px;
}
.forabg {
background-color: #0076B1;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
#chatbox_members .member-title {
background-color: #FFFFFF;
background-image: none;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
#chatbox_members {
  background-color: #FFFFFF;
}
#chatbox {
  background-color: #FFFFFF;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
.forabg {
background-color: #5FADD4;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd{
border-left-color: transparent;

li.row {
border-bottom: 1px solid transparent; !important!
border-top: 1px solid transprent; !important!
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
background-image: none;
}
.h3, h3 {
border-bottom: 1px solid #EFEFEF;
}
a:visited {
color: #666;
text-decoration: none;
}
a:link {
color: black;
text-decoration: none;
}
div.postprofile {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-radius: 7px;
left: 2px;
padding: 2px;
}
.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #EFEFEF;
padding: 15px 10px 10px 0;
text-align: center;
}
.postprofile {
border-color: gainsboro;
border-right-style: solid;
border-right-width: 1px;
color: #222;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.spoiler {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
ul.profile-icons {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 3px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-bottom-left-radius: 10px;
border-top-right-radius: 3px;
height: 25px;
padding: 5px 5px 10px 10px !important;
position: relative;
right: -48px;
top: -18px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: #222;
cursor: text;
padding: 2px;
}
li.row {
background: #FFFFFF;
list-style-type: none;
}

/************** Créditos lucasxd111 ********* Não retire por favor *************/

.tcl { position: relative; padding-left: 73px !important; } .status { position: relative; margin-left: -57px !important; }
a:hover.mainmenu {border-bottom: 3px solid #ff0000}

ul.topiclist {
color: #000000;
list-style-type: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por @Chazy em 28/04/12, 09:23 am

Olá amigo,
tente substituir a sua folha de estilo CSS atual, por esta:

Código:
#page-header .navbar ul.navlinks {
 background-color: #fff;
 background-image: url("http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png");
background-repeat: repeat-x;
    color: #fff;
    font-size: 13px;
    height: 37px;
    margin-bottom: 10px;
    margin-left: -12px;
    width: 946px;
  font-weight: bold;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}
body {
background-attachment: scroll;
background-color: white;
background-image: url(http://img2.cdn1.habbo.com/c_images/backgrounds2/bg_pattern_space.gif);
color: #222;
font-family: trebuchet MS,trebuchet MS;
font-size: 10px;
height: auto;
padding: 10px 0;
}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
#wrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFFFF;
}
.headerbar {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5FADD4;
padding: 0;
}
div.panel.row3, div.post.row1, div.post.row1.online, div.post.row2, div.post.row2.online {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: white;
border: solid 1px #D4D6D5;
border-radius: 7px;
padding: 2px;
}
.forabg {
background-color: #0076B1;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
#chatbox_members .member-title {
background-color: #FFFFFF;
background-image: none;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
#chatbox_members {
  background-color: #FFFFFF;
}
#chatbox {
  background-color: #FFFFFF;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
.forabg {
background-color: #5FADD4;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd{
border-left-color: transparent;

li.row {
border-bottom: 1px solid transparent; !important!
border-top: 1px solid transprent; !important!
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
background-image: none;
}
.h3, h3 {
border-bottom: 1px solid #EFEFEF;
}
a:visited {
color: #666;
text-decoration: none;
}
a:link {
color: black;
text-decoration: none;
}
div.postprofile {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-radius: 7px;
left: 2px;
padding: 2px;
}
.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #EFEFEF;
padding: 15px 10px 10px 0;
text-align: center;
}
.postprofile {
border-color: gainsboro;
border-right-style: solid;
border-right-width: 1px;
color: #222;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.spoiler {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
ul.profile-icons {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 3px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-bottom-left-radius: 10px;
border-top-right-radius: 3px;
height: 25px;
padding: 5px 5px 10px 10px !important;
position: relative;
right: -48px;
top: -18px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: #222;
cursor: text;
padding: 2px;
}
li.row {
background: #FFFFFF;
list-style-type: none;
}

/************** Créditos lucasxd111 ********* Não retire por favor *************/

.tcl { position: relative; padding-left: 73px !important; } .status { position: relative; margin-left: -57px !important; }
a:hover.mainmenu {border-bottom: 3px solid #ff0000}

ul.topiclist {
color: #000000;
list-style-type: none;
}
a:visited {
color: #000000;
text-decoration: none;
}

Até Mais.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 28/04/12, 09:30 am

Olá essa CSS Não Fucionou So Corto o Pedaço do Menu -' AJUDA"
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por @Chazy em 28/04/12, 09:38 am

#page-header .navbar ul.navlinks {
background: url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 50px;
left: -24px;
position: relative;
width: 1040px;
}

Tente alterar essa parte do seu CSS,
position: right center;


Meus Cumprimentos.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 28/04/12, 09:44 am

Affz Bugou Foi o Fórum TODO :@ Não quero mais ajuda Pode Dar Closed!
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu centralizado

Mensagem por @Chazy em 28/04/12, 09:55 am

Trágico,

Seu problema é completamente imcompreendivel.

Até Mais.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Menu centralizado

Mensagem por Hyouki em 28/04/12, 10:04 am

Olá Deve Ser Problema na CSS Então Ta Com Problema q Não Funfa esses Codigo na CSS Atéé. Obrigado pelas ajudas.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.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