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
» Comprar domínio antigo
Hoje à(s) 05:52 pm por dxmar74

» [PEDIDO] Brasão de Armas
Hoje à(s) 05:33 pm por Igor6

» bug inicio do forum
Hoje à(s) 05:28 pm por Czins

» mudar cor dos widgets do portal
Hoje à(s) 04:07 pm por odelgado

» Bug inicial do forum
Hoje à(s) 03:29 pm por Czins

» Widgets Perfil do usuario
Hoje à(s) 03:23 pm por mrvisible

» Cor texto no SCEditor
Hoje à(s) 03:18 pm por iScroll

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

APOllO, Baki, Czins, dxmar74, GSCode, iScroll, Kyko, mrvisible, MtX, rlmac

[ 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 : 5314
Pontos Ativos : 6772

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 : 5314
Pontos Ativos : 6772

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