Modificar a barra de procura

[tdias72]

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

[Shaman]

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

Até mais!

[tdias72]

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.

[Sennior]

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://2img.net/i/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'

[tdias72]

Funcionou.
Muito obrigado.

[RafaelS.]

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