[RESOLVIDO]Search virtuemart - imagem como botão na pesquisa

  • alexandresilva83
  • Avatar de alexandresilva83 Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
13 anos 2 semanas atrás #80446 por alexandresilva83
alexandresilva83 created the topic: [RESOLVIDO]Search virtuemart - imagem como botão na pesquisa
Olá galera... estou com uma dificuldade que talvez para muitos seja simples.
Gostaria apenas de personalizar meu campo pesquisa com uma imagem.
Veja:
http://www.tonprint.com.br/
Obs: o site esta em construção

Já configurei o modulo para "sim", na opção "usa uma imagem como botão de pesquisa", e inclui a imagem no caminho " www.tonprint.com.br/components/com_virtu...eral/search.png" ; value="Search"

Quero personalizar o css, mas não localizei o caminho ao qual devo modificar para personalizar meu campo de pesquisa.

OBS; no firebug não mostra o nome do arquivo ao qual devo alterar.

Se alguém souber me deem uma luz.
Abraço

(11) 981413910 / (81) 99007002
<!-- m --><a class="postlink" href=" www.facebook.com/pages/CreativaWeb/254572091266445 " onclick="window.open(this.href);return false;"> www.facebook.com/pages/Creativa ... 2091266445</a><!-- m -->

O único lugar onde o sucesso vem antes do trabalho é...

Please Entrar ou Registrar to join the conversation.


Mais
13 anos 2 semanas atrás #80533 por renpv
renpv replied the topic: Re: search virtuemart - usar imagem como botão na pesquisa
No seu caso, para o campo de pesquisa
Arquivo: forms.css
Linha: 76
começa com:
.search .input{
background: none repeat scroll 0% 0% transparent;
border: 0px none;
color: rgb(119, 119, 199);
}

Obs: no seu arquivo a propriedade color deve estar em outro formato.

Para o botão você deve procurar o arquivo que tem esse código:
<input style="vertical-align :middle;height:16px;border: 1px solid #CCC;" value="Search" class="button" src="http://www.tonprint.com.br/components/com_virtuemart/assets/images/vmgeneral/search.png" onclick="this.form.keyword.focus();" type="image">
e alterar

[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http&#58;//twitter&#46;com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

  • alexandresilva83
  • Avatar de alexandresilva83 Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
13 anos 1 semana atrás #80734 por alexandresilva83
alexandresilva83 replied the topic: Re: search virtuemart - usar imagem como botão na pesquisa
Olá renpv. Primeiramente obrigado pela ajuda. Eu estava um pouco perdido no firebug pois não sabia o que era o element.style, depois de pesquisar um pouco no fórum eu entendi ^^
Neste template ao qual estou utilizando percebi que ao posicionar o modulo search do virtuemart na posição top eu consigo ter acesso ao seletor "#vt_top .search" do arquivo layout.css. Também foi necessário fazer alterações no arquivos "default" que esta na pasta modules>mod_virtuemart_search> "tmpl".

Problema resolvido.

Gostaria apenas de tirar uma dúvida.

Por que somente usando o modulo na posição "top" obtive acesso ao seletor "#vt_top .search"?

Dê qualquer forma obrigado.

(11) 981413910 / (81) 99007002
<!-- m --><a class="postlink" href=" www.facebook.com/pages/CreativaWeb/254572091266445 " onclick="window.open(this.href);return false;"> www.facebook.com/pages/Creativa ... 2091266445</a><!-- m -->

O único lugar onde o sucesso vem antes do trabalho é...

Please Entrar ou Registrar to join the conversation.

Mais
13 anos 1 semana atrás #80772 por renpv
renpv replied the topic: Re: search virtuemart - usar imagem como botão na pesquisa
Cara, já vi que você manja bem de CSS. Não fiz nenhum tipo de teste mas a resposta para a sua dúvida parece ser simples.
Você está acessando um elemento com classe chamada search dentro de outro elemento com id chamado vt_top. Por isso você acessa com esse código #vt_top .search
Logo, se você apagar a parte que se refere ao id eu imagino que você conseguirá acessar esse elemento em qualquer parte do site ou em qualquer posição.

Dica:
Apaga #vt_top e deixa só .search
Depois testa em outras posições pra ver se o CSS continua funcionando.

Boa sorte. <!-- s;) --><img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Piscada" /><!-- s;) -->

[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http&#58;//twitter&#46;com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

  • alexandresilva83
  • Avatar de alexandresilva83 Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
12 anos 11 meses atrás #81887 por alexandresilva83
alexandresilva83 replied the topic: Re: search virtuemart - usar imagem como botão na pesquisa
Opa renpv obrigado pela ajuda e desculpa pela demora. Estava fora do ar um tempo, mas voltei ^^ rs
Fiz um teste rápido com o que vc me disse e parece ser isso mesmo, mas em vez de apagar a div eu apenas separei a classe. E mais uma vez muito obrigado pela força... antes de colocar com resolvido vou fazer só mais uns teste ^^

Abraço

(11) 981413910 / (81) 99007002
<!-- m --><a class="postlink" href=" www.facebook.com/pages/CreativaWeb/254572091266445 " onclick="window.open(this.href);return false;"> www.facebook.com/pages/Creativa ... 2091266445</a><!-- m -->

O único lugar onde o sucesso vem antes do trabalho é...

Please Entrar ou Registrar to join the conversation.