Arrumar o css, centralizar menu
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Arrumar o css, centralizar menu
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
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 22:14, editado 1 vez(es)
Re: Arrumar o css, centralizar menu
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;
}
Re: Arrumar o css, centralizar menu
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Valide.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
#logostrip a#logo{text-align:center}
Valide.
Até mais.
Re: Arrumar o css, centralizar menu
Boa tarde.
Adicione este código também em seu CSS
Abraço.
Adicione este código também em seu CSS
#submenu {
position: absolute;
margin-top: -60px;
margin-left: 140px;
}
Abraço.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos