Personalizar botões do fórum

[¿The End?]

Qual é minha questão:
Tipo percebi que os fóruns PHPBB3 tem todos os botões arredondados e com fundos no fundo(Avá --'), quero saber como fazer para meu fórum PUNBB ficar com essa aparência, especificamente como neste fórum:
http://dix-forum.forumeiros.com/forum

Arredondados e com fundos.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:


Endereço do meu fórum:
GleGoo.Forumeiros.com

Versão do meu fórum:
PUNBB

[Cream]

Olá,

Poderia nos especificar a que botões se refere? No caso seria o código abaixo que arredonda e coloca um fundo (como os botões da caixa de mensagens daqui) ? Tente:

Código:

a.button1, a.button2, button.button2, input.button1, input.button2 {
    background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat-x scroll center top #F4F5F4;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px #000000;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    opacity: 0.87;
    overflow: visible;
    padding: 2px 3px;
    width: auto !important;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[Tiaguu]

Olá eu sou moderador deste fórum que você falou.
Bom tudo lá é a base por códigos.
ENTÃO TENTE FAZER CONTADO COM jufasa.(dono da dix)

[¿The End?]

Obrigado vou testar o código e vou falar com ele lá eu sou GleeGoo.

@Edit:

Obs: realmente funcionou com alguns botões mas com outros ficou faltando...

por exemplo enviar, previsualizar... etc... tem como fazer com que todos os botões fiquem assim? Agradeceria muito..

E Tiaguu acredito que esses códigos do seu fórum não sirvam para o meu, pois é PHPBB3, a menos que ele saiba transformar em PUNBB... Mais eu vou lá falar com ele

[Josh]

Olá,

Substitua o código por este:

Código:

[color=darkblue]a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #00A1BA;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
background: white;
}
input[type="checkbox"], input[type="radio"] {
background: white;
border: 1px solid gainsboro;
border-radius: ;
margin: 0px;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}[/color]

Até mais.

[¿The End?]

Esse código ai é para todos os botões?

[Josh]

Olá novamente,

Exato amigo, não funcionou em todos os botões do seu fórum? É o código que eu utilizo em meu fórum.

Até mais.

[¿The End?]

To olhando perai...

[¿The End?]

De novo previsualizar e enviar não estão daquele jeito...

[Josh]

Olá,

Perdoe-me, eu acrescentei uma coisa no código sem querer, corrija por este:

Código:

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #00A1BA;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
background: white;
}
input[type="checkbox"], input[type="radio"] {
background: white;
border: 1px solid gainsboro;
border-radius: ;
margin: 0px;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}

Até mais.