Personalizar a caixa de busca como a daqui do FDF Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar a caixa de busca como a daqui do FDF

Ir para baixo

Tópico resolvido Personalizar a caixa de busca como a daqui do FDF

Mensagem por muryllodantas 20.12.10 23:02

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

Tem como eu personalizar?
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de busca como a daqui do FDF

Mensagem por Convidad 21.12.10 1:35

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!
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos