Caixas de pesquisa

E cá está mais um tutorial, que espero que vos seja útil. Trouxe modelos para caixa de pesquisa, bastante distintos entre si, e no caso de alguns até fiz por fazer o modelo combinar com certos tutoriais muito comuns. Deram um quanto trabalho, mas tenho quase a certeza de que irão gostar, e são fáceis de personalizar. São 5 modelos diferentes.

Procure por :

/b:skin

Em cima, adicione o código do modelo que desejar obter:

• Modelo #1: preview | código
• Modelo #2: preview | código
• Modelo #3: preview | código
• Modelo #4: preview | código
• Modelo #5: preview | código

Agora, adicione num gadget HTML/Javascript o seguinte código:

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="Procura alguma coisa?" />
<input class="searchbut" type="submit" value="[GO]" />
</form>

Pode mudar o texto, e as cores, se quiser :)