Personalizar caixa de busca

2 participantes

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

Tópico resolvido Personalizar caixa de busca

Mensagem por Angeloid 12.05.12 13:04

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 17:32, editado 1 vez(es)
Angeloid

Angeloid
****

Membro desde : 23/12/2010
Mensagens : 299
Pontos : 464

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar caixa de busca

Mensagem por Cream 12.05.12 17:14

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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