Problema com "buscar"

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

Resolvido Problema com "buscar"

Mensagem por Shankz em 09/09/12, 05:16 pm

Qual é minha questão:
Personalizei a caixa 'buscar', porém estou encontrando alguns problemas com isto, o fundo está branco, já tentei retirar mais não consigo. Como retirar isto?

Links e imagens do meu problema:
Http://i.imgur.com/UBPpS.png

Endereço do meu fórum:
http://gztest.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por Shankz em 13/09/12, 12:57 am, editado 1 vez(es)
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Sennior em 10/09/12, 03:39 pm

Olá,

Veja se este CSS resulta:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

#keywords {background-color: black !important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 10/09/12, 03:50 pm

Olá,

Sim, porém gostaria de deixar sem cor nenhuma, ou seja, invísivel! Aparecendo somente a imagem do buscar que coloquei.

Até mais Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Sennior em 10/09/12, 03:55 pm

Boa tarde,

Entrei em teu fórum e já está invisível. Poderia me dizer onde quer está função?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 10/09/12, 04:07 pm

Boa tarde.

É que tentei modificar o código, usando
Código:
#keywords{visibility: hidden}
Não resultou, não ficou invisível, e sim sumiu rsrs'

Adicionei seu código novamente Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 11/09/12, 05:13 pm

UP!
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 12/09/12, 06:42 pm

UP!
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Hyouki em 12/09/12, 07:27 pm

Olá amigo , adicione esse código na sua css .
Código:
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;
margin-left: 15px;
font-family: Verdana;
margin-top: 5px;
font-style: normal;
font-size: 12px;
}
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 12/09/12, 11:58 pm

Olá Lucas,

Sem resultado ...
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Problema com "buscar"

Mensagem por Leexa em 13/09/12, 12:03 am

Boa noite!

Encontrei em teu CSS o seguinte código:

Código:
#search-box #keywords{background-color:#fff;width:95px}

Substitua por:

Código:
#search-box #keywords{background-color:none;width:95px}

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 13/09/12, 12:13 am

Olá,

Não existe tal código em meu css, já tentei utilizar este código antes, porém não obtive resultados ... deixo aqui o css usado
Código:
#search-box {position: relative;
bottom: 45px;
width: 195px;
background: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none;
color: #3a3a3a;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #fff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Até mais Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

Ver perfil do usuário http://gztest.forumeiros.com/forum
  • 0

Resolvido Re: Problema com "buscar"

Mensagem por Leexa em 13/09/12, 12:21 am

Boa noite!

Substitua os códigos por este:

Código:
#search-box {position: relative;
bottom: 45px;
width: 195px;
background-image: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none !important;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none !important;
color: none !important;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none !important;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: none !important;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Se não funcionar, substitua o código acima por este:

Código:
#search-box {position: relative;
bottom: 45px;
width: 195px;
background-image: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none;
color: none !important;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: none;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Problema com "buscar"

Mensagem por Shankz em 13/09/12, 12:55 am

Olá,

O código acima não resultou, porém em base nele eu consegui arrumar o código.

Obrigado e boa sorte no fdf, até mais Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

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