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
» Registre-se em verde
Hoje à(s) 11:48 pm por Harleen

» Widget staff online
Hoje à(s) 11:33 pm por Harleen

» Assinatura grande!
Hoje à(s) 09:46 pm por Uatyla

» Sub-Fóruns
Hoje à(s) 07:23 pm por Harleen

» Skin do Fórum
Hoje à(s) 07:03 pm por Harleen

» Caixa de busca
Hoje à(s) 06:58 pm por Fatalisss

» Categorias
Hoje à(s) 05:16 pm por Froozen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
Roger_Crazzy
 
Holkis
 

Quem está conectado
207 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 199 Visitantes :: 2 Motores de busca

Ajux, Daemon, Harleen, JulioPais, Key of Destiny, MarcosSchultz, Shek, ViniZiNN

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Atrás da barra de pesquisa

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

Resolvido Atrás da barra de pesquisa

Mensagem por Tiaguu em 22/05/16, 09:01 pm

Detalhes da questão


Endereço do fórum: http://netflixforum.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Olá, gostaria de adicionar aquela faixa azul atrás da barra de pesquisa do fórum, daqui do FDF, junto com o "Bem-vindo ao fórum de suporte Forumeiros".
Porém quero continuar com a minha barra de pesquisa.

Feliz


Última edição por Tiaguu em 23/05/16, 01:45 pm, editado 1 vez(es)

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por iPrompt em 23/05/16, 10:44 am

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
div#sub-navbar {
    height: 58px;
}
#page-header .navbar {
    background: #369FCF;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em 23/05/16, 12:21 pm

Quakeline escreveu:Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
div#sub-navbar {
    height: 58px;
}
#page-header .navbar {
    background: #369FCF;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

Até


Não funcionou.

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por iPrompt em 23/05/16, 01:29 pm

Olá,

Substitua por este código

Código:
div#sub-navbar {
    height: 58px!important;
}
#page-header .navbar {
    background: #369FCF!important;
    margin-bottom: 15px!important;
    padding-bottom: 10px!important;
}

Se não funcionar me mande a sua Folha de estilo CSS inteira

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por while em 23/05/16, 01:31 pm

Olá amigo, adicione esse código na sua folha de estilo css:
Código:
 #page-header .navbar {background: #369FCF!important;margin-bottom: 15px;}       
 #search-box:before {content:"Bem-Vindo ao Fórum";!important;color: #fff;
    display: inline-block;
    margin-left:-1000px;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #26789f;}

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em 23/05/16, 01:35 pm

@while escreveu:Olá amigo, adicione esse código na sua folha de estilo css:
Código:
 #page-header .navbar {background: #369FCF!important;margin-bottom: 15px;}        
 #search-box:before {content:"Bem-Vindo ao Fórum";!important;color: #fff;
    display: inline-block;
    margin-left:-1000px;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #26789f;}

Atenciosamente,
While.


Funcionou em partes.

Quando eu clico na barra de pesquisa e o bloco se expande o Bem-vindo ao fórum vai para a esquerda, e a caixa de busca não poderia deixar ela mais pra cima? No meio seria ótimo.


Feliz

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Cepheus em 23/05/16, 01:37 pm

Retire a alteração acima e adicione no seu css:

Código:
 #page-header .navbar .inner:after, #search-box form p {
  line-height: 50px;
}

 #page-header .navbar .inner:after {
  content: "Bem-vindo ao Netflix Fórum";
  color: #fff;
  display: inline-block;
  float: left;
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-shadow: 1px 1px 2px #26789f;
  margin-top: -30px;
  padding: 10px 5px;
  position: absolute;
  background: #369FCF;
  width: 100%;
  margin-left: -5px;
  z-index: 1;
  height: 50px;
  top: 42px;
}

 #page-header .navbar .inner {
  backgrounds: #369FCF;
  position: relative;
}

#page-header #search-box {
  margin-top: 5px!important;
  z-index: 99999;
  position: relative;
}

#page-header #search #keywords {
  background: #fff!important;
}
 #page-body  {
    margin: 15px 0!important;
}
#page-header .navbar + div .module {
    margin: 35px 0!important;
}


Última edição por Cepheus em 23/05/16, 02:29 pm, editado 2 vez(es)
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em 23/05/16, 01:42 pm

@Cepheus escreveu:Retire a alteração acima e adicione no seu css:

Código:
 .navbar .inner:after, #search-box form p {
  line-height: 50px;
}

.navbar .inner:after {
  content: "Bem-vindo ao Netflix Fórum";
  color: #fff;
  display: inline-block;
  float: left;
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-shadow: 1px 1px 2px #26789f;
  margin-top: -30px;
  padding: 10px 5px;
  position: absolute;
  background: #369FCF;
  width: 100%;
  margin-left: -5px;
  z-index: 1;
  height: 50px;
  top: 42px;
}

.navbar .inner {
  backgrounds: #369FCF;
  position: relative;
}

#search-box {
  margin-top: 5px!important;
  z-index: 99999;
  position: relative;
}

#search #keywords {
  background: #fff!important;
}
#page-body  {
    margin: 15px 0!important;
}
.navbar + div .module {
    margin: 35px 0!important;
}


Opa funcionou.

Muito Obrigado galera.


Feliz

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em 23/05/16, 02:01 pm

Para tudo.
Essa barra a azul se multiplicou e agora está no final do fórum.
Se for no final do fórum verá.

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Cepheus em 23/05/16, 02:30 pm

Não reparei que havia a mesma id no final,
Mas o css foi modificado no meu tópico acima só troca-lo:
http://ajuda.forumeiros.com/t105124-atras-da-barra-de-pesquisa#732582
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em 23/05/16, 02:40 pm

@Cepheus escreveu:Não reparei que havia a mesma id no final,
Mas o css foi modificado no meu tópico acima só troca-lo:
http://ajuda.forumeiros.com/t105124-atras-da-barra-de-pesquisa#732582


Agora sim, obrigado.

Desculpa pelo dual-post.

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

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