Editar caixa do buscar

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

Resolvido Editar caixa do buscar

Mensagem por slaider em 26/04/11, 08:33 pm

Qual é sua questão:
queria saber se tem como tirar um "buscar" (esses que estao na imagem abaixo) e deixar so um, se tiver jeito e alguem puder me dizer como e tambem como editar a caixa de busca que fica ali em cima igual aqui o da FDF



Última edição por slaider em 26/04/11, 11:46 pm, editado 1 vez(es)

slaider
Nível 6

Masculino
Inscrito dia : 03/07/2010
Mensagens : 72
Pontos Ativos : 124

Ver perfil do usuário http://over-design.vampire-legend.net

Resolvido Re: Editar caixa do buscar

Mensagem por Luciano98 em 26/04/11, 08:43 pm

Olá!

Leia o seguinte tutorial:
Seta [TUTORIAL] Caixa de Menu "Buscar"

Até mais.
Luciano98


Última edição por Luciano98 em 26/04/11, 09:45 pm, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Editar caixa do buscar

Mensagem por Solkis em 26/04/11, 08:53 pm

#Boa noite,

Este código CSS deve funcionar para remover a de baixo:
Código:
#search-box, .search-box { display: none; } #page-header #search-box { display: inline; }
Adicione-o em: Painel... -> Visualização -> Imagens e cores ->Cores -> Folha de estilos CSS

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Editar caixa do buscar

Mensagem por slaider em 26/04/11, 10:59 pm

@Luciano98 escreveu:Olá!

Leia o seguinte tutorial:
Seta [TUTORIAL] Caixa de Menu "Buscar"

Até mais.
Luciano98
Ola, nao me ajudou, mas obrigado por postar mesmo assim Muito feliz

@Solkis escreveu:#Boa noite,

Este código CSS deve funcionar para remover a de baixo:
Código:
#search-box, .search-box { display: none; } #page-header #search-box { display: inline; }
Adicione-o em: Painel... -> Visualização -> Imagens e cores ->Cores -> Folha de estilos CSS

Até mais.
Esse deu certo Muito feliz, vlw

mas ainda falta a parte de editar a caixinha de cima igual aqui da FDF

slaider
Nível 6

Masculino
Inscrito dia : 03/07/2010
Mensagens : 72
Pontos Ativos : 124

Ver perfil do usuário http://over-design.vampire-legend.net

Resolvido Re: Editar caixa do buscar

Mensagem por Luciano98 em 26/04/11, 11:14 pm

Olá!

O tutorial falava sobre como editar essa 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.

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Editar caixa do buscar

Mensagem por slaider em 26/04/11, 11:46 pm

@Luciano98 escreveu:Olá!

O tutorial falava sobre como editar essa 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.

Até mais.
Luciano98

isso, assim mesmo *-*
vlw Muito feliz


podem fechar o topico Feliz

slaider
Nível 6

Masculino
Inscrito dia : 03/07/2010
Mensagens : 72
Pontos Ativos : 124

Ver perfil do usuário http://over-design.vampire-legend.net

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