Personalizar a caixa de busca

2 participantes

Ir para baixo

Tópico resolvido Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 15:55

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):
Personalizar a caixa de busca 2wq7mdv
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 16:10

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(https://2img.net/h/i1211.photobucket.com/albums/cc426/Griever93/fdf/CaixadePesquisa-1.png)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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 21:02

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:

Personalizar a caixa de busca Whgpvq

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


Abraços .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 21:06

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 21:21

Olá de novo !

Eu não modifiquei nada aquela hora ...

Olha como ficou agora : Triste

Personalizar a caixa de busca 14trbko

Abraços .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 21:23

Olá,

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

Abraços.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 21:49

Olá de novo !

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


Abraços .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 22:21

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 22:49

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(https://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 .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 22:52

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 23:01

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 .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 23:08

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 18.05.11 23:51

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 .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por Cream 18.05.11 23:55

Olá,

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

Abraços.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca

Mensagem por iKeyboard 19.05.11 0:16

Sim , está respondida .


Abraços .
iKeyboard
iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos