Código para SearchBox

[Rudas~]

Qual é sua questão:
Bom, como podem ver :


o botao "buscar" estao um pouco desalinhado, queria alinha-lo à caixa de texto de searchbox, e se possivel, colocar uma imagem no lugar o botão"buscar"

Que medidas você tomou para corrigir o problema:
procurei nos outros fdf mas nao achei

Apresente-nos imagens do problema (se necessário):
ja ta no topic

[seender]

Olá!

Utilize este código:

Código:

#search-box input {
margin-top: 5px;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Resolve?

Melhores cumprimentos,
seender

[Rudas~]

Funcionou sim seender, muito obrigado !
agora, sera que poderia me passar algum codigo para trocar o "Buscar" por uma imagem ?

[seender]

Olá!

Sim é este o código:

#search-box #keywords{
background-image: url(Endereço);
}

No local de violeta é aonde colocará o endereço da imagem que será exibida no fundo deste campo.
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Resolve?

Melhores cumprimentos,
seender

[Rudas~]

Infelizmente nao seender,
eu estou me referindo ao botão "Buscar" que tambem poderia se chamar "ir"
entende ? queria colocar uma imagem ai,
mas este code q me passou tambem sera util, muito obrigado !

[Luciano98]

Olá!

Não sei se à como fazer isso com CSS, mas à como fazer isso com Javascript e jQuery.

Codigo:

;jQuery(document).ready(function(){jQuery('div#search-box form#search input.button2').after('<input type=image value=Ir src="LINK">');jQuery('div#search-box form#search input.button2').hide()});

LINK = Link da imagem que ficará botão "Buscar".


Não sabe onde utilizar o código?

Spoiler:

Até mais.
Luciano98

[Rudas~]

Muito obrigado Luciano, podem trancar