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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

» Personalizar perfil
Hoje à(s) 1:06 por Eden

» Problemas para postar em ajax com avisos
Ontem à(s) 21:40 por Kyo Panda

» Ativação do formulário de postagem
Ontem à(s) 19:52 por Eduardo Lima

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
50 usuários online :: Nenhum usuário registrado, 1 Invisível e 49 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


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

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 Seg 23 Maio 2016 - 1:01

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 Seg 23 Maio 2016 - 17:45, editado 1 vez(es)

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 643
Pontos Ativos : 2901

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Quakeline em Seg 23 Maio 2016 - 14:44

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é

Quakeline
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5297
Pontos Ativos : 8502

http://webskins.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em Seg 23 Maio 2016 - 16:21

@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 : 643
Pontos Ativos : 2901

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Quakeline em Seg 23 Maio 2016 - 17:29

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é

Quakeline
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5297
Pontos Ativos : 8502

http://webskins.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por while em Seg 23 Maio 2016 - 17:31

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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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 Seg 23 Maio 2016 - 17:35

@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 : 643
Pontos Ativos : 2901

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Cepheus em Seg 23 Maio 2016 - 17:37

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 Seg 23 Maio 2016 - 18:29, editado 2 vez(es)

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 474
Pontos Ativos : 1968

http://www.bestskins.net/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em Seg 23 Maio 2016 - 17:42

@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 : 643
Pontos Ativos : 2901

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em Seg 23 Maio 2016 - 18:01

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 : 643
Pontos Ativos : 2901

http://wscgames.forumeiros.com/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Cepheus em Seg 23 Maio 2016 - 18:30

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

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 474
Pontos Ativos : 1968

http://www.bestskins.net/

Resolvido Re: Atrás da barra de pesquisa

Mensagem por Tiaguu em Seg 23 Maio 2016 - 18:40

@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 : 643
Pontos Ativos : 2901

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5