- Postagens: 186
- Obrigados Recebidos: 0
- Fórum
- /
- Suporte Joomla
- /
- Componentes
- /
- Joomla 2.x
- /
- [RESOLVIDO]Search virtuemart - imagem como botão na pesquisa
[RESOLVIDO]Search virtuemart - imagem como botão na pesquisa
- alexandresilva83
-
Autor do Tópico
- Offline
- JCB! Professional
-
Menos
Mais
13 anos 2 semanas atrás #80446
por alexandresilva83
(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 é...
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
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.
- renpv
-
- Offline
- JCB! Geek
-
Menos
Mais
- Postagens: 810
- Obrigados Recebidos: 0
13 anos 2 semanas atrás #80533
por renpv
[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://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]
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:e alterar
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">
[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://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]
Please Entrar ou Registrar to join the conversation.
- alexandresilva83
-
Autor do Tópico
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 186
- Obrigados Recebidos: 0
13 anos 1 semana atrás #80734
por alexandresilva83
(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 é...
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.
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.
- renpv
-
- Offline
- JCB! Geek
-
Menos
Mais
- Postagens: 810
- Obrigados Recebidos: 0
13 anos 1 semana atrás #80772
por renpv
[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://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]
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;) -->
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="

[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://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]
Please Entrar ou Registrar to join the conversation.
- alexandresilva83
-
Autor do Tópico
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 186
- Obrigados Recebidos: 0
12 anos 11 meses atrás #81887
por alexandresilva83
(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 é...
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
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.