Modificar a barra de procura

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

Resolvido Modificar a barra de procura

Mensagem por tdias72 em 18/05/15, 03:56 am

Gostava de modificar a barra de procura do meu fórum.
Haverá possibilidade para tal.
Obrigado.
avatar

tdias72
Nível 5

Masculino
Inscrito dia : 18/10/2013
Mensagens : 49
Pontos Ativos : 81

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

Resolvido Re: Modificar a barra de procura

Mensagem por Shaman em 18/05/15, 04:06 am

Sim amigo, há como. Precisamos saber como deseja a barra de procura ^^.

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Modificar a barra de procura

Mensagem por tdias72 em 18/05/15, 04:11 am

Dentro dela estivesse escrito "Receitas para todos" e a caixa de procura fosse maior.
Com visual mais bonito do que a que está lá no meu fórum.
avatar

tdias72
Nível 5

Masculino
Inscrito dia : 18/10/2013
Mensagens : 49
Pontos Ativos : 81

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

Resolvido Re: Modificar a barra de procura

Mensagem por Sennior em 18/05/15, 12:02 pm

Saudações,

Adicione este JavaScript com investimento em todas as páginas:
Código:
$(document).ready(function(){
      $('form#search').html('<input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Receitas para todos..."><input class="button2" type="submit" value="Buscar"><style>input#keywords {padding: 7px 16px 6px 22px;font-size: 12px;width: 54%!important;border: 1px solid rgb(208, 208, 208);font-family: sans-serif;}a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 6px 5px;margin: 2px;border: 1px solid white;background: white;border-radius: 3px;}input.search {background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position: 0 -696px;padding-left: 17px;}</style>');   

});

Até mais.
Sennior

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'


Última edição por Sennior em 18/05/15, 12:05 pm, editado 1 vez(es)
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar a barra de procura

Mensagem por tdias72 em 18/05/15, 12:04 pm

Funcionou.
Muito obrigado.
avatar

tdias72
Nível 5

Masculino
Inscrito dia : 18/10/2013
Mensagens : 49
Pontos Ativos : 81

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

Resolvido Re: Modificar a barra de procura

Mensagem por Rafael em 18/05/15, 12:08 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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