InícioPersonalizar a caixa de busca
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Personalizar a caixa de busca
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):
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):
iKeyboard- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
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
Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Salve.
Abraços.
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
Visualização Imagens e cores Cores Folha de estilo CSSCó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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
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:
Repare onde está vermelho ... Não era pra ficar assim era ?
Abraços .
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 .
iKeyboard- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
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:
Vermelho -> Link de sua imagem
Abraços.
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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
por iKeyboard 18.05.11 21:21
Olá de novo !
Eu não modifiquei nada aquela hora ...
Olha como ficou agora :
Abraços .
Eu não modifiquei nada aquela hora ...
Olha como ficou agora :
Abraços .
iKeyboard- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
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.
Qual a versão do seu fórum?
Fez alguma alteração como falei?
Já deu uma olhada nos tutoriais?
Abraços.
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
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 .
Versão do meu fórum é PhpBB 3
Só alterei o LINK da imagem .
Sim , olhei os tutoriais .
Abraços .
iKeyboard- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
por Cream 18.05.11 22:21
Olá,
Bom, tentemos outro código. No mesmo local coloque este:
Vermelho -> Troque pelo link de sua imagem
Abraços.
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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
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:
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 .
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- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
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.
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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
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 .
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- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
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:
Vermelho -> Cor hexadecimal. No caso no exemplo está preto (#000000).
Mas vai depender mais da imagem mesmo. Abraços.
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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Personalizar a caixa de busca
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 .
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- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Re: Personalizar a caixa de busca
por Cream 18.05.11 23:55
Olá,
Poderia somente dizer se sua dúvida se encontra resolvida?
Abraços.
Poderia somente dizer se sua dúvida se encontra resolvida?
Abraços.
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
iKeyboard- ****
- Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
