Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudar aspecto da barra Forumeiros
Hoje à(s) 2:04 por while

» Botão de descer com problemas
Hoje à(s) 1:56 por IsmaelS.

» Pedido [Banner]
Hoje à(s) 1:55 por Tiger

» Criação de Cartaz
Hoje à(s) 1:54 por Francine_Campos

» Personalizar loja
Hoje à(s) 1:26 por YouTube3

» Rank no Nick
Hoje à(s) 1:02 por ranzatti

» Formulário de Registo personalizado
Hoje à(s) 0:44 por juleic1123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
194 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 181 Visitantes :: 2 Motores de busca

[SRD]JimClark, Biel_Staff, Expecty, Fou-Lu, Francine_Campos, IsmaelS., juleic1123, Monkey.D.Luffy, ranzatti, SarkZKalie, Tiger, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Problema no posicionamento do logo

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

Resolvido Problema no posicionamento do logo

Mensagem por kakakoro em Sex 17 Fev 2017 - 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/ ]------------*/
/*------------------------------------------------*/
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1006
Pontos Ativos : 3279

http://www.rpgorigem.forumeiros.com

Resolvido Re: Problema no posicionamento do logo

Mensagem por while em Sex 17 Fev 2017 - 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:
#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.
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3075
Pontos Ativos : 4766

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

Resolvido Re: Problema no posicionamento do logo

Mensagem por kakakoro em Sex 17 Fev 2017 - 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.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1006
Pontos Ativos : 3279

http://www.rpgorigem.forumeiros.com

Resolvido Re: Problema no posicionamento do logo

Mensagem por Kyo Panda em Qua 22 Fev 2017 - 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/


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2797
Pontos Ativos : 5918

http://ajuda.forumeiros.com

Resolvido Re: Problema no posicionamento do logo

Mensagem por Kyo Panda em Seg 27 Fev 2017 - 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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2797
Pontos Ativos : 5918

http://ajuda.forumeiros.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