Personalizar a caixa de busca

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 11:55 am

Qual é sua questão:
Olá !

Estava olhando aqui no fórum e vi aqui do lado > , a imagem ' Buscar ' , com o bonequinho ...

Então eu queria saber como que eu faço para eu personalizar está opção no meu fórum .


Agradeço a atenção .



Apresente-nos imagens do problema (se necessário):
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 12:10 pm

Olá,

Acredito que o tutorial abaixo irá lhe ajudar, dê uma olhada:
:seta3: Caixa de busca !

Ou mesmo este:
:seta3: Caixa de busca !!

Os tutoriais acima falam sobre como editar a caixa de busca.

Mas para fazer ficar igual a caixa de busca do FDF faça o seguinte.
Aceda à "Folha de estilo CSS":
:seta3: Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#search-box{background:transparent url(http://illiweb.com/fa/pbucket.gif)no-repeat center;bottom:55px;display:inline;height:40px;padding-bottom:5px!important;position:center;right:-150px;width:190px}#search-box #keywords{background:transparent;color:#fff;font-family:Verdana;font-size:16px px;font-style:bold;font-weight:700;width:70px}#search-box input{background:none;border:none!important}#search-box input.search{background:none;margin-left:30px;margin-top:15px}

Salve.

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 05:02 pm

Olá !

Coloquei da Forumeiros mesmo , mas queria saber como eu mudo aquela imagem ( o bixinho rs. ) , e como mudo a cor também ... Porque ' Azul ' e ' Verde ' não combinou muito .

E também teve um problema , ficou assim:



Repare onde está vermelho ... Não era pra ficar assim era ?


Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 05:06 pm

Olá,

Você fez alguma modificação antes de colocar o código?
Caso fizestes retire e coloque novamente este código:

#search-box{background:transparent url(LINK)no-repeat center;bottom:55px;display:inline;height:40px;padding-bottom:5px!important;position:center;right:-150px;width:190px}#search-box #keywords{background:transparent;color:#fff;font-family:Verdana;font-size:16px px;font-style:bold;font-weight:700;width:70px}#search-box input{background:none;border:none!important}#search-box input.search{background:none;margin-left:30px;margin-top:15px}

Vermelho -> Link de sua imagem
Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 05:21 pm

Olá de novo !

Eu não modifiquei nada aquela hora ...

Olha como ficou agora : Triste



Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 05:23 pm

Olá,

Qual a versão do seu fórum?
Fez alguma alteração como falei?
Já deu uma olhada nos tutoriais?

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 05:49 pm

Olá de novo !

Versão do meu fórum é PhpBB 3
Só alterei o LINK da imagem .
Sim , olhei os tutoriais .


Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 06:21 pm

Olá,

Bom, tentemos outro código. No mesmo local coloque este:

/* Caixa de busca */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(LINK) 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 -> Troque pelo link de sua imagem
Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 06:49 pm

Olá de novo !

Agora onde estava marcado com vermelho em volta sumiu , porém continua branco do mesmo geito ...

Eu acho que descobri isso , mas não sei o que colocar .

Olhe:

/* Caixa de busca */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(http://illiweb.com/fa/favicon/talk.ico) 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 */

Não seria esse ' transparent ' que estaria deichando branco daquele geito ?

Eu não sei bem ... Eu estava observando e achei isso , talvez seja , ou talvez não ...

Se você souber , o que posso colocar ali ?


Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 06:52 pm

Olá,

Já sei o que acontece.
A imagem é muito pequena, então ela acaba por não preencher todo o espaço, ai fica este branco. Para retirá-lo, é só por uma imagem maior que o branco sumirá...

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 07:01 pm

Olá de novo !

Ah , então irei colocar do FdF mesmo , só queria saber como que eu edito as cores , dai o bonequinho eu dou um geito ....


Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 07:08 pm

Olá,

As cores são presentes na imagem... Também depende da imagem...
Mas caso queira, pode tentar este código:

/* Caixa de busca */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(LINK) 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 color: #000000;}
#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 -> Cor hexadecimal. No caso no exemplo está preto (#000000).
Mas vai depender mais da imagem mesmo. Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 07:51 pm

Olá de novo !

Realmente , não vai dar para personalizar , pois não consegui fazer quase nada ._.

Perca de tempo ...

Mas agora sei como modificar , caso eu tente outro dia , já sei o que fazer ;D

Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 18/05/11, 07:55 pm

Olá,

Poderia somente dizer se sua dúvida se encontra resolvida?

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard em 18/05/11, 08:16 pm

Sim , está respondida .


Abraços .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum