Personalizar caixa de busca

Item: Personalizar caixa de busca
Rating: 1

por ' Alucard ~ em 24/12/13, 05:58 pm

Qual é minha questão:
Olá, bom, gostaria de saber como criar uma caixa de busca (serchbox) semelhante à esta:

Já tentei criar com alguns códigos, mas não obtive o resultado que queria, pricipalmente com o botão de realizar a busca.
Abaio vai as imagens da caixa de busca, para facilitar:
http://www.purevb.com/demo/images/styles/DarkCore/style/searchinput-left.png
http://www.purevb.com/demo/images/styles/DarkCore/style/searchButton-left.png

Agradeço desde já, abraços.

Endereço do meu fórum:
Não é necessário.

Versão do fórum:
PHPBB3

por **Shek** em 24/12/13, 06:08 pm

Boa tarde!

Você pode me indicar a URL do site que viu o Buscar como indicado na imagem, por favor?

Atenciosamente,
Shek

por ' Alucard ~ em 24/12/13, 06:13 pm

Sim, claro, é este aqui: http://www.purevb.com/demo/forum.php?styleid=69

por **Shek** em 24/12/13, 06:37 pm

Boa tarde!

Tente com esse código:

Código:: #search-box #keywords { background: url(http://www.purevb.com/demo/images/styles/DarkCore/style/searchinput-left.png) no-repeat top left; border: 0; color: #acacac; height: 35px; line-height: 35px; padding: 0 8px; white-space: nowrap; width: 140px; } #search-box input.button2 { background: url(http://www.purevb.com/demo/images/styles/DarkCore/style/searchButton-left.png) no-repeat; height: 35px; color: transparent; border: 0; }