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 DarkNiight em 14/10/11, 08:39 pm

Qual é minha questão:
Como eu mudo o botão " buscar " pra ficar igual o daqui do FdF ?

O meu é quadradinho , o daqui é estilo " Google " .

Se puder me passar o código agradeceria '-'



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

Versão do meu fórum:
PHPBB3
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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

Resolvido Re: Personalizar a caixa de busca

Mensagem por Convidad em 14/10/11, 08:56 pm

Olá!

Veja se o código abaixo funciona:


/* Caixa de busca por SUPERO */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}
#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 {-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
/* Fim da caixa de busca */

Retire o que está em sua folha CSS e coloque o há cima.
Painel de controle Seta Visualização Seta Cores Seta Folha CSS.

Atenciosamente.

Convidad
Convidado


Resolvido Re: Personalizar a caixa de busca

Mensagem por Cream em 14/10/11, 09:00 pm

Olá,

Estás a falar da caixa de busca atual do fórum dos fóruns? Caso sim faça o seguinte. Adicione este código na homepage ou num widget em seu fórum:
Código:
<form id="search" action="/search?search_where=11" method="get"><p class="nomargin"><input type="text" onblur="if (this.value == '') this.value = 'Buscar...';" onclick="if (this.value == 'Buscar...') this.value = '';" value="Buscar..." class="inputbox search" maxlength="128" id="keywords" name="search_keywords"><input type="submit" value="Buscar" class="button2"></p></form>

Adicione os restantes códigos a Folha de estilo de CSS em seu fórum:
Código:

#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: 11px 6px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
p.nomargin {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0;
}

#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}

#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #000000;
    height: 23px;
}

#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}

Resulta?
Até mais.
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 DarkNiight em 14/10/11, 09:16 pm

Funcionou .

Thanks , pode fexar o tópico .

Se puder responder minha outra dúvida também :

Clique aqui
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

Ver perfil do usuário http://wydavatar.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