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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
7kgmlcdkv
 
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 

Quem está conectado
272 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 265 Visitantes :: 2 Motores de busca

7kgmlcdkv, Ketholy123, Lancer91, Matt Shultz, soldado, Solkis, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 25/12/09, 12:05 am

Alinhar cabeçalho ao logo

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

Resolvido Alinhar cabeçalho ao logo

Mensagem por Projeto em 30/08/17, 12:10 am

Detalhes da questão


Endereço do fórum: http://www.comoparar.com/
Versão do fórum: ModernBB

Descrição


Prezados, gostaria de saber como faço para alinhar os itens do cabeçalho na altura do logo, ou seja, mais à esquerda.

Vejam como está:




Como eu gostaria que ficasse:





Última edição por Projeto em 30/08/17, 01:14 am, editado 1 vez(es)
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 19/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por AlexG em 30/08/17, 12:43 am

Olá.

Adicione à sua Folha de Estilos CSS:
Código:
.navbar {
    background-color: #368AD2;
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding-left: 4%;
}

Espero ter ajudado.

Até! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 10/09/2016
Mensagens : 222
Pontos Ativos : 376

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Projeto em 30/08/17, 12:50 am


Olá Jefferson, dessa vez não deu certo. Acredito que por talvez no meu CSS já ter algumas instruções sobre a navbar que podem ser contraditórias. Veja abaixo o meu CSS completo (sem a sua inclusão):
Código:

.navbar {
  background-color: #368AD2;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
}
.navbar a:hover {
  background-color: #FFFFFF;
  color: #444444;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
.is-sticky#headerbar-top {
  position: initial;
}
.headerbar {
height: 200px;
}
#headerbar-top.is-sticky {
    background-color: transparent !important;
    box-shadow: initial;
}
#logo-desc p{display: none !important;}
a.mainmenu {
  font-weight: normal;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }

#search-box{display:none}

#site-title, #site-title h1 {
display: none !important;}
 
#site-desc p {
    display: none !important;
}

 
#fa_ticker_block {
    display: none!important;
}
.panel {
    background-color: #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
    display: none!important;
}
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 19/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por AlexG em 30/08/17, 01:04 am

Olá! É verdade.

Troque o seu CSS por este:
Código:
 .navbar {
  background-color: #368AD2;
  text-align: left!important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  padding-left: 4%!important;
}
.navbar a:hover {
  background-color: #FFFFFF;
  color: #444444;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
.is-sticky#headerbar-top {
  position: initial;
}
.headerbar {
height: 200px;
}
#headerbar-top.is-sticky {
    background-color: transparent !important;
    box-shadow: initial;
}
#logo-desc p{display: none !important;}
a.mainmenu {
  font-weight: normal;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }
 
#search-box{display:none}
 
#site-title, #site-title h1 {
display: none !important;}
 
#site-desc p {
    display: none !important;
}
 
 
#fa_ticker_block {
    display: none!important;
}
.panel {
    background-color: #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
    display: none!important;
}

Até mais! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 10/09/2016
Mensagens : 222
Pontos Ativos : 376

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Projeto em 30/08/17, 01:07 am

Agora foi!

Obrigado!!
avatar

Projeto
Nível 4

Masculino
Inscrito dia : 19/09/2015
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://comoparar.forumeiros.com

Resolvido Re: Alinhar cabeçalho ao logo

Mensagem por Kyo Panda em 30/08/17, 11:07 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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