Arrumar o css, centralizar menu

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

Resolvido Arrumar o css, centralizar menu

Mensagem por Eduardo Trigo em 25/05/12, 12:11 am

Qual é minha questão:
Fala galera, peguei um fórum ja montado.

Gostei demais da aparência dele, e não gostaria de ter que mudá-lo. Queria centralizar o menu. Mas, a mudança é atraves de css e não tenho muita experiencia.



Medidas que eu tomei para corrigir o problema:
Vim aqui

Links e imagens do meu problema:


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

Versão do meu fórum:
INVISION


Última edição por Eduardo Trigo em 25/05/12, 06:14 pm, editado 1 vez(es)
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

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

Resolvido Re: Arrumar o css, centralizar menu

Mensagem por Eduardo Trigo em 25/05/12, 12:11 am

o código CSS do meu fórum, inteiramente copiado:

Código:
/*Zona post Codigo editado por yuninho en ZonaMalaguista*/
.overview hr.dashed {
background:
border: 2px #ffffff;
border-style: groove groove;
}

.overview .center-overview {
background: #e4eaf2;
border: 2px #ffffff;
border-style: groove groove;
}

strong.pagination a, .topic-paging a {
font-size: 8px;
margin: 0px 1px 0px 0px;
padding: 0px 2px;
text-decoration: none;
}

.postbody {
background-image: url(http://i64.servimg.com/u/f64/12/74/93/16/1142.jpg);
background-position: left top;
background-repeat: repeat-x;
background-color: #ffffff;
}

.post {
background-image: url(http://i64.servimg.com/u/f64/12/74/93/16/1142.jpg);
background-position: left top;
background-repeat: repeat-x;
background-color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 10px solid #b5c0cf;
}


.box-content {
border-bottom: 10px solid #b5c0cf;
}

.post-entry {
margin-top: 14px;
font-size: 12px;
}

.postprofile {
padding: 0.4em 0px 0px;
margin-top: -1px;
margin-left: -18.0em;
border-right: 1px solid #d5dee5;
width: 190px;
}

.popmenubutton-new-out a {
display: block;
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/149.png);
background-position: right;
background-repeat: no-repeat;
width: 146px;
}

.postprofile dt a img {
margin-top: 8px;
margin-left: -1px;
}

.postprofile-details dt {
font-size: 0px;
margin-top: 0px;
background-color: transparent;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
margin-left: -2px;
}

blockquote {
width: 94%;
background-color: #f3f9f6;
border-top: 1px solid #6fa987;
border-bottom: 1px solid #6fa987;
border-left: 3px solid #6fa987;
border-right: 1px solid #6fa987;
}

blockquote cite {
background-image: url("http://i64.servimg.com/u/f64/12/74/93/16/citati11.png");
background-color: #d3e9dc;
border-top: 0px solid #000000;
border-bottom: 1px solid #6fa987;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
}


dl.codebox {
width: 96%;
background-color: #ffffff;
border: 0px solid #d9e1ec;
padding: 5px 5px 5px;
}

dl.codebox code {
font-size: 12px;
color: #000000;
}

.codebox dd {
border: 1px solid #d9e1ec;
background-color: transparent;
}

.codebox dt {
border: 0px solid #d9e1ec;
background-color: transparent;
background-image: url("");
background-position: top left;
}

.spoiler {
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
}

.spoiler_content {
background-color: #ffffff;
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
margin-top: -6px;
}

.spoiler dt {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/134.gif);
background-repeat: no-repeat;
background-color: Transparent;
}

.spoiler dd {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/136.gif);
background-repeat: no-repeat;
background-position: 14px 2px;
}

.module .maintitle {
font-size: 14px;
color: #1d3652;
background-color: #d5dde5;
border: 1px solid #d5dde5;
background-image: url(http://i64.servimg.com/u/f64/12/74/93/16/1144.jpg);
background-position: left top;
background-repeat: repeat-x;
}

.module .box-content {
border: 1px solid #d5dde5;
background-color: #eef3f8;
}






/*Zona fondo foros etc Codigo editado por yuninho en ZonaMalaguista*/
body {
background-image: url('http://img823.imageshack.us/img823/790/icon1jq.png');
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
}

#userlinks {
margin-top: 6px;
color: #ffffff;
background-image: url(http://img190.imageshack.us/img190/589/imagemwbw.png);
background-repeat: repeat-x;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#userlinks ul {
background-color: #b6c7db;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#main {
background-image: url('');
background-repeat: no-repeat;
background-position: top right;
}

div.newslink {
background-color: transparent;
}

table.ipbtable tfoot td {
background-color: #d5dde5;
height: 6px;
}

.maintitle {
font-size:17px;
font-weight:normal;
-moz-border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
padding:8px!important;
margin:0!important;
overflow:hidden;
}

div.maintitle {
background-image: url(http://img7.imageshack.us/img7/3361/cogom.png);
background-repeat: repeat-x;
}

div.borderwrap, .borderwrapm {
background-color: white;
border: 0px solid #C4C4C4;
}

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 18px;
height: 18px;
background: url('http://www.webcheats.com.br/forum/images/styles/DeFraction/buttons/collapse_tcat.png') no-repeat 50% 50%;
cursor: pointer;
}

div.maintitle .expand {
background: url('http://www.webcheats.com.br/forum/images/styles/DeFraction/buttons/collapse_tcat_collapsed.png') no-repeat 50% 50%;
}

#gfooter {
background-image: url(http://img850.imageshack.us/img850/4436/imagemkwi.png);
background-repeat: repeat-x;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

.hierarchy {
font-style: italic;
}

.centered {
font-style: italic;
font-weight: bold;
font-family:"Verdana",Arial,Times New Roman;
font-size:12px;
}

table.ipbtable th.starter {
font-style: italic;
font-family:"Verdana",Arial,Times New Roman;
font-size:10px;
}

table.ipbtable .last, table.ipbtable th.last-post2, table.ipbtable th.forum2, table.ipbtable th.topics, table.ipbtable th.replies, table.ipbtable th.views {
font-style: italic;
font-family:"Verdana",Arial,Times New Roman;
font-size:10px;
}














/*Zona banner y menu etc Codigo editado por yuninho en ZonaMalaguista 5*/
div#logostrip #logo {
min-height: 100px;
text-align: left;
margin-left: 0px;
width: 100%;
margin-top: -5px;
}

#submenu {
margin-top: 3px;
padding-bottom: 10px;
font: 11px Arial;
width: auto;
}

#submenu li {
display: inline;
}

#submenu li a {
background-color: transparent;
color: #9bb2c8;
padding: 0px 0px;
text-decoration: none;
border-left: solid 1px transparent;
border-right: solid 1px transparent;
font-weight: none;
font-size: 11px;
}

#submenu li a:visited {
color: #9bb2c8;
}



#submenu ul li a {
margin-left: 0px;
margin-right: 0px;
padding : 1.0em 12px 0.85em 0px;
color: #9bb2c8;
}

#submenu ul {
text-align: left;
}

#search_menu {
background-color: transparent;
border: 0px solid #b9b9b7;
background-image: url("http://i64.servimg.com/u/f64/12/74/93/16/1219.png");
background-repeat: no-repeat;
background-position: top left;
width: 282px;
height: 115px;
}

#search_menu table td.row2 {
background-color: transparent;
background-image: url("");
}















/*Zona links Codigo editado por yuninho en ZonaMalaguista*/
a:link, a:visited, a:active {
color: #284b72;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #528f6c;
text-decoration: none;
border-bottom: 0px dotted #FFFFFF;
font-weight: bold;
}

a {
text-decoration: none !important;
border: none !important;
}


.module {
text-align: center;
}
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

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

Resolvido Re: Arrumar o css, centralizar menu

Mensagem por Luciano98 em 25/05/12, 08:51 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#logostrip a#logo{text-align:center}

Valide.

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: Arrumar o css, centralizar menu

Mensagem por Eduardo Trigo em 25/05/12, 05:34 pm

O logo foi centralizado, mas o menu continua a esquerda.
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

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

Resolvido Re: Arrumar o css, centralizar menu

Mensagem por MateusV. em 25/05/12, 05:46 pm

Boa tarde.

Adicione este código também em seu CSS
#submenu {
position: absolute;
margin-top: -60px;
margin-left: 140px;
}

Abraço. 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: Arrumar o css, centralizar menu

Mensagem por Eduardo Trigo em 25/05/12, 06:13 pm

Perfeito.

Obrigado!
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

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