Personalizar caixa de busca

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

Resolvido Personalizar caixa de busca

Mensagem por Angeloid em 12/05/12, 09:04 am

Qual é minha questão:
alguem pode personalizar minha caixa de busca pf

#search-box #keywords {
width: 131px;
background: url(http://www.purevb.com/demo/images/styles/Xbox/style/searchinput_left.gif) no-repeat;
height: 23px;
padding: 2px;
padding-bottom: 40px;position: relative;
padding-right: 9px;right: -10px;color: #2b2b2b;
font-size: 20px;
margin-top: 80px;
}

#search-box{
margin-right: -300px;
position: relative;
bottom: 10px;}

#search-box input {border: 1px;}


#search-box input.button2 {
color: transparent;
background: url(http://www.purevb.com/demo/images/styles/Xbox/style/searchButton_left.gif) no-repeat;
height: 22px;
width: 23px;
padding-left: 2px;
padding-right: 900px;
padding-bottom: 58px;
margin-bottom: -1px;
position: relative;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
right: -5px;bottom: 4px;
margin-top: 80px;
}

quero deixar igual a esse aqui
http://www.purevb.com/demo/forum.php?styleid=10

Medidas que eu tomei para corrigir o problema:
nenhuma

Links e imagens do meu problema:
nenhuma

Endereço do meu fórum:
http://detonacheats.foruns.com.pt/

Versão do meu fórum:
PHPBB3


Última edição por Angeloid em 12/05/12, 01:32 pm, editado 1 vez(es)
avatar

Angeloid
Nível 10

Inscrito dia : 23/12/2010
Mensagens : 289
Pontos Ativos : 450

Ver perfil do usuário

Resolvido Re: Personalizar caixa de busca

Mensagem por Cream em 12/05/12, 01:14 pm

Olá,

Tente este código:
Código:
#search #keywords {
    background: url("images/styles/Xbox/style/searchinput_left.gif") no-repeat scroll left top transparent;
    float: left;
    height: 33px;
    padding: 4px 5px 11px;
    width: 167px;
}
#search-box {
    background: url("images/styles/Xbox/style/searchSplit.gif") no-repeat scroll left center transparent;
    float: left;
    left: 385px;
    padding-left: 26px;
    position: absolute;
    top: 38px;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

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

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