Incrementar o botão de buscar ou retirar ele de vez

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

Resolvido Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 22/09/11, 02:41 pm

Qual é minha questão:
No meu fórum tem o buscra padrão, mas gostaria de retirar ele ou incrementar para que funcione como o buscar que tem no site da Apple.com.br

Se não tiver como fazer o incremento, peço que digam como retirar de vez o buscar.

Medidas que eu tomei para corrigir o problema:
Não tentei nada, pois não tenho idéia de como fazer isso.

Imagens do meu problema:
Abaixo imagem do que pergunto.
http://i45.servimg.com/u/f45/16/45/48/02/menus_10.png

Na imagem acima, o com círculo vermelho é o buscar do meu fórum.

Gostaria de deixar como os exemplo da imagem abaixo que ao clicar ele fica com fundo branco.

Endereço do meu fórum:
www.iphoneinsides.com

Versão do meu fórum:
PHPBB3
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por Dury em 22/09/11, 08:21 pm

Olá!

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Tente com esse código:
Código:
#search-box{
display:none;
}

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por Luciano98 em 22/09/11, 10:46 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('#search-box').show();jQuery('input:focus').css('outline','none');jQuery('#search-box input#keywords').css('width','86px').css('height','19px').css('-webkit-border-radius','12px').css('-moz-border-radius','12px').css('font','-webkit-small-control').css('border-radius','12px').css('padding-top','0px').css('color','white').css('padding-left','20px').css('background-position','0px 0px').css('border','0px solid #BCBCBC').css('background-image','url(http://www.apple.com/global/nav/images/globalsearch_field.png)');jQuery('#search-box input[value="Buscar"]').remove();jQuery('#search-box input#keywords').click(function(){jQuery(this).css('width','115px').css('background-position','0px -20px').css('color','black')}).blur(function(){jQuery(this).css('width','86px').css('background-position','0px 0px').css('color','white')})});

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 22/09/11, 11:57 pm

@Jeffrey escreveu:


O código que passou p sumir o busca funcionou, obrigado.
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 23/09/11, 12:00 am

@Luciano98 escreveu:

O código que vc passou ficou perfeito. Veja o resultado em meu fórum.

Entretanto, gostaria de poder colocar o busca mais a esquerda, tem como?

No CSS tenho já esta cógido.


/* código para verificar mudar a posição da busca */
.search-box, #search-box{margin-top:-30px;}


Tem como melhorar ele para poder deixar mais a esquerda?

Sou muito grato a todos que já responderam até o momento minha questão. Tive uma idéia!
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 23/09/11, 12:39 am

Alias, o outro menu de busca nos fóruns, ficou estranho, tem como sumir com ele dali?
Vejam imagem abaixo:

-------------------------
Up

Na verdade, estou usando o código para sumir o busca, mas ele está como na imagem acima.

Alguém me ajuda por favor, estou precisando deixar o fórum perfeito, amanhã tenho de aprenseta-lo a um pessoal importante e fica mal deixar assim.

Até breve.
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por Luciano98 em 24/09/11, 03:55 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('.navbar #search-box').show();jQuery('input:focus').css('outline','none');jQuery('.navbar #search-box input#keywords').css('width','86px').css('height','19px').css('-webkit-border-radius','12px').css('-moz-border-radius','12px').css('font','-webkit-small-control').css('border-radius','12px').css('padding-top','0px').css('color','white').css('padding-left','20px').css('background-position','0px 0px').css('border','0px solid #BCBCBC').css('background-image','url(http://www.apple.com/global/nav/images/globalsearch_field.png)');jQuery('.navbar #search-box input[value="Buscar"]').remove();jQuery('.navbar #search-box input#keywords').click(function(){jQuery(this).css('width','115px').css('background-position','0px -20px').css('color','black')}).blur(function(){jQuery(this).css('width','86px').css('background-position','0px 0px').css('color','white')})});

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 24/09/11, 09:23 pm

Olá amigo luciano.

Obrigado por responder.

Substitui este código por último pelo outro que já tinha passado antes, mas não resultou em nada ainda.

Não sei se ajuda, mas no CSS coloquei estes códigos.

#search-box{display:none;}

.search-box, #search-box{margin-top:-30px;}

Se eu mudar o último aí de cima muda os dois ao mesmo tempo.
Mas não fica apenas um.
Se eu mudar o código par que ele fique mais pra baixo, muda os 2. E gostaria de deixar a procura como vc já me passou no código, onde ele está agora, nem mais acima, nem abaixo.

Até breve.
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por Luciano98 em 25/09/11, 01:35 am

Olá!

Qual dos dois buscar você quer modificar, o da barra ou o dos fóruns? E que efeito você quer aplicar a ele exatamente?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 25/09/11, 11:57 am

Olá amigo.

Eu quero apagar de vez o fórum que está aí marcado em vermelho na imagem abaixo.

Quanto ao outro ao lado dos menus que vc me passou o código, desejo eixar ele de boa onde está. Tem como?
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

Ver perfil do usuário http://iphoneinsides.forumeiros.com
  • 0

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por Luciano98 em 25/09/11, 12:05 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
div.topic-actions div.search-box{display:none}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Incrementar o botão de buscar ou retirar ele de vez

Mensagem por freiz em 25/09/11, 03:56 pm

Opa amigo, agora funcionou 100%.

Ficou apenas o arredondado ao lado dos menus, assim como eu desejava.

Sou muito grato pela ajuda e paciência.

Valeu mesmo.
avatar

freiz
Nível 8

Masculino
Inscrito dia : 29/10/2010
Mensagens : 126
Pontos Ativos : 191

Ver perfil do usuário http://iphoneinsides.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