Código para SearchBox

Item: Código para SearchBox
Rating: 1

por Rudas~ 12.05.11 23:59

Qual é sua questão:
Bom, como podem ver :
Código para SearchBox Olz0lg6

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

por seender 13.05.11 2:44

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

por Rudas~ 13.05.11 18:57

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

por seender 14.05.11 0:49

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

por Rudas~ 14.05.11 2:51

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 !

por Luciano98 14.05.11 3:49

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: