Mudar posição do campo de busca

por HelixMendix Dom 26 Jun 2011 - 17:05

Qual é sua questão:
Olá como podem ver na imagem a baixo eu tenho a perquisa personalizada ao meio e queria coloca-la no lado esquerdo onde diz "AQUI" (ver a imagem a baixo)

Que medidas você tomou para corrigir o problema:
Não estou a conseguir nada no template

Apresente-nos imagens do problema (se necessário):
Mudar posição do campo de busca Uaad

Endereço do fórum:

Versão do fórum:
PUNBB

por Consolado Dom 26 Jun 2011 - 17:08

Olá e boa tarde!
Vá até:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
No campo "CSS" Adicione este código:

/* Caixa de busca */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */

Vermelho -> Retire esta palavra e cole o endereço/link da imagem desejada para a personalização.

Resolve?

Até mais! Muito feliz

por HelixMendix Dom 26 Jun 2011 - 17:16

Não resolveu, esta caixa personalizada que tenho é da google e não do fórum.

por Consolado Dom 26 Jun 2011 - 17:19

Olá novamente,
Eu passei despercebido do que disse, desculpe-me.
Tente utilizar este:

/* Caixa de busca */
#search-box{position: right; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */

Vermelho -> Modifique pelo endereço da imagem desejada.

Tenho certeza que ela ficará na posição desejada.

Até mais! Muito feliz

por HelixMendix Dom 26 Jun 2011 - 17:27

Não deu novamente, vamos lá ver se me faço entender eu tenho um srcipt do Google para ter aquela caixa de pesquisa que esse script está nos templates e isso não está a resolver nada, nem estou a ver para que colocar o endereço na zona vermelha.

No entanto agradeço a tua ajuda.

por Dury Seg 27 Jun 2011 - 1:02

Olá autor!

Poderia nos passar o CSS do seu fórum?
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> (aba) Folha de estilo CSS ->>

Até mais!
Piscada

Hitskin.com

Mudar posição do campo de busca

Mudar posição do campo de busca

Re: Mudar posição do campo de busca

Re: Mudar posição do campo de busca

Re: Mudar posição do campo de busca

Re: Mudar posição do campo de busca

Re: Mudar posição do campo de busca