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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Aba da ficha de rpg sumiu do perfil avançado
Ontem à(s) 23:58 por Luiz~

» Retirar esta parte do topico - 2
Ontem à(s) 23:56 por Luiz~

» Banner Brasil Play Surf
Ontem à(s) 23:45 por mocci

» Adicionar linhas em código
Ontem à(s) 22:35 por Kyo Panda

» Pedido de Banner de Parceria
Ontem à(s) 22:24 por mocci

» "Árvore de Habilidades" para o Forumeiros
Ontem à(s) 21:42 por Lineshooter

» Posicionamento botões da mensagem
Ontem à(s) 20:40 por Luiz~

Perdi minha senha!
Obter senha

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

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
151 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 142 Visitantes :: 2 Motores de busca

Alexandr Martynov, Appoloz, DionataBraga._., Fazza3, Harleen, Igor Henrique, Luiz~, mocci, ZamasuBR

[ 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 : 2947

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 : 8548

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 : 2947

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 : 8548

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 : 2821
Pontos Ativos : 4197

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 : 2947

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 : 480
Pontos Ativos : 2037

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 : 2947

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 : 2947

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 : 480
Pontos Ativos : 2037

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 : 2947

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