Detalhes da questão

Endereço do fórum: http://thewalkingdeadlapse.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá, peguei um tema do hitskin mas pelo visto ele não foi feito para colocar logo. Ficou mal posicionado tanto no portal quanto no fórum. Queria que ficasse centralizado, como uma logo normal, acima do menu.

Código:

/*------------------------------------------------*/
/*-------------[Tema origianl postado no site Hitskin.es / Endereço do tema não indentificado. Por favor, não remova qualquer crédito do autor.]------------*/
/*-------------[Tema traduzido do ESPANHOL para Português BR (BRASIL) ]------------*/
/*-------------[Botões, imagens e trechos do CSS editados por: ShiftActif - Dando mais vida a sua comunidade - http://www.shiftactive.blogspot.com/ ]------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------[Body tamanho do foórum e descrição]------------*/
/*------------------------------------------------*/
body#phpbb{
background:#d8dde8 url(https://images5.alphacoders.com/314/thumb-1920-314356.jpg) top repeat-x;
margin-top: 175px;
}
.select{
margin-top:-190px!important;
}

#wrap {
font: normal 11px helvetica,arial,sans-serif;
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
line-height: 120%;
padding: 10px;
width: 85%;
top: 100px;
margin-top: -52px;
}
#logo {
position: absolute;
top: -155px;
margin-left: -20px;
}

#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
div#page-header div.navbar ul.linklist li a {
margin-left: -6px;
padding: 6px 15px 8px;
}

#page-header .navbar .navlinks a {
color: #c5d5e2;
font: normal 13px helvetica,arial,sans-serif;
background: #1c3b5f;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#page-header .navbar .navlinks{
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: left;
top: -80px;
position: absolute;
}

#page-header .navbar .navlinks a:hover {background: #173455;
color: #fff;}

#page-header .navbar .navlinks li a[href="/"]{background:#fff;
color: #0b5794;
font-weight: bold;
text-shadow: none;
 padding-bottom: 10px;}

/*------------------------------------------------*/
/*-------------[Painel dos subfóruns]------------*/
/*------------------------------------------------*/
.panel {
background:#ebf0f3;
border: 1px #dbe4ef solid;
}
.row {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.forabg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
}
.row1 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.row2 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}

/*------------------------------------------------*/
/*-------------[Fóruns, categoria e Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;}
span.corners-bottom {display:none;}

.post {
background:#ebf0f3;
border: none;
padding-bottom: 5px;
}
.postbody .content {
padding-right: 10px;
}
.post .inner{background: #fff;}
.post span.corners-top{
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
height:34px;
}
.module {
background: #ebf0f3;
}
.module span.corners-top {
border-bottom: 1px #dbe4ef solid;
height: 29px;
background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
border-radius: 4px 4px 0 0;
border-top: 1px solid #316897;
}
ul.topiclist {
margin: 6px 6px 10px 6px;
}
/*------------------------------------------------*/
/*-------------[Caixa de busca e alguns códigos importântes]------------*/
/*------------------------------------------------*/
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
position: relative;
top: -110px;
white-space: nowrap;
}

#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
color: transparent;
height: 26px!important;
position: relative;
right: 25px;
width: 30px!important;
border: 1px solid #7ba60d;
border-radius: 0px 3px 3px 0px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border-top: 1px solid #000;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#search_menu {
background: #fff;
font-size: 11px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
background:none!important}
#search_menu a:hover{background:none!important}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

/*------------------------------------------------*/
/*-------------[Remover o sublinhado de links]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*------------------------------------------------*/
/*-------------[Perfil e Post]------------*/
/*------------------------------------------------*/
.postprofile dt img{padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.postprofile dt img:hover{border-color: #7d7d7d;}
/*------------------------------------------------*/
/*-------------[Botões]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}



/*------------------------------------------------*/
/*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
fieldset.fields1 div {
margin-bottom: 0px;
}


/*------------------------------------------------*/
/*-------------[Tema origianl postado no site Hitskin.es / Endereço do tema não indentificado. Por favor, não remova qualquer crédito do autor.]------------*/
/*-------------[Tema traduzido do ESPANHOL para Português BR (BRASIL) ]------------*/
/*-------------[Botões, imagens e trechos do CSS editados por: ShiftActif - Dando mais vida a sua comunidade - http://www.shiftactive.blogspot.com/ ]------------*/
/*------------------------------------------------*/

Olá autor, boa tarde!

Antes de responder sua dúvida, sugiro que sempre que for enviar sua folha de estilo css seja colocado entre a tag [code] ao invés de usar o [quote], pois ocupa muito espaço na tela.

---

Sua duvida é relativamente fácil, adicione esse código em sua folha de estilo css:

OBS: Para acessar sua folha de estilo css, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" folha de estilo css

código:

E a proposito, pra seu menu aparecer adicione esse código em sua folha de estilo css:

código:

Até mais.

while escreveu:Olá autor, boa tarde!

Antes de responder sua dúvida, sugiro que sempre que for enviar sua folha de estilo css seja colocado entre a tag [code] ao invés de usar o [quote], pois ocupa muito espaço na tela.

---

Sua duvida é relativamente fácil, adicione esse código em sua folha de estilo css:

OBS: Para acessar sua folha de estilo css, acesse:

Código:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" folha de estilo css

Código:

#logo {
    margin-left: 0px!important;
    position: relative!important;
    top: 0px!important;
}

E a proposito, pra seu menu aparecer adicione esse código em sua folha de estilo css:

Código:

#page-header .navbar .navlinks{
top: 0px!important;
position: relative!important;
}


Até mais.

AH sim! Desculpa, eu sempre fico em dúvida se coloco no quote, no code ou no spoiler. Mas então, o código funcionou mas não ficou centralizado. Acho que por causa daquela barra de pesquisa do lado da logo. Tem como tirar ou deixar ela em outro lugar? O menu já estava aparecendo, eu coloquei esse código que voce passou e ele ficou minúsculo. Prefiro ele nesse lugar mesmo.

Esse código centraliza o logo:

Código:

#logo {
    display: block;
    float: none;
    text-align: center;
}

Esse manda a barra de busca para baixo do menu:

Código:

#search-box {
    top: 0;
}

Esse centraliza o menu:

Código:

#page-header .navbar .navlinks {
    text-align: center;
}

E se quiser estender a barra azul do menu:

Código:

#page-header .navbar .navlinks {
    background: #1c3b5f;
    border-top: 1px transparent solid;
    height: 28px;
}

o/