Personalizar a caixa de busca como a daqui do FDF

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

Resolvido Personalizar a caixa de busca como a daqui do FDF

Mensagem por muryllodantas em 20/12/10, 09:02 pm

Como que eu faço para personalizar a caixa de busca como a daqui, minha vessão é a PHPbb3(Prossivler)

Tem como eu personalizar?
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Personalizar a caixa de busca como a daqui do FDF

Mensagem por Convidad em 20/12/10, 11:35 pm

Boa noite,

O código que eu fiz é o seguinte:

#search-box{
position: center; /* localizamos a posição como centro */
bottom: 55px; /* distância do meio da página para o topo */
height: 40px; /* altura da caixa */
width: 190px; /* largura da caixa */
right: -150px; /* distância entre a parte direita do fórum */
display: inline;
background: transparent url(endereço da imagem) no-repeat center;}
/* coloque o endereço da imagem que preferir */

#search-box input.button2 {
display: none;} /* ocultamos a caixa de buscas atual */


#search-box #keywords {
width: 70px;
color: white; /* cor da fonte usada */
font-family: Verdana; /* família de fonte usada */
font-size: 16 px; /* tamanho da fonte */
font-style: bold; /* estilo da fonte (lighter, bold etc) */
font-weight: bold; /* estilo da fonte (lighter, bold etc) */
background: transparent;}

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

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

Tudo que você precisava saber, eu comentei!
Até mais!

Convidad
Convidado


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