Problema no posicionamento do logo Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Problema no posicionamento do logo

3 participantes

Ir para baixo

Tópico resolvido Problema no posicionamento do logo

Mensagem por kakakoro 17.02.17 15:13

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/ ]------------*/
/*------------------------------------------------*/
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema no posicionamento do logo

Mensagem por while 17.02.17 15:53

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
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema no posicionamento do logo

Mensagem por kakakoro 17.02.17 16:08

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.
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema no posicionamento do logo

Mensagem por Kyo Panda 22.02.17 11:27

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/
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema no posicionamento do logo

Mensagem por Kyo Panda 27.02.17 14:15

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos