Modificação das caixas

Qual é minha questão:

Bom, reparei que todos os fóruns da forumeiros já vem adapitado os botões todos iguais, estou falando destes botoes:

https://i.servimg.com/u/f49/16/89/74/34/cats910.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats111.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats17.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats310.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats710.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats810.jpg

Fui e achei um fórum da forumeiros que ele tem os botoes diferentes, olhem;

https://i.servimg.com/u/f49/16/89/74/34/cats410.jpg
quando passa o mouse ele fica assim: https://i.servimg.com/u/f49/16/89/74/34/510.jpg

https://i.servimg.com/u/f49/16/89/74/34/cats610.jpg

gostaria de saber como mudo todos esses tipos de botoes do fórum para estes abaixo.



Endereço do meu fórum:
mundonet.forum.st

Versão do meu fórum:
PHPBB3

Poderia mandar o link do fórum que viu isso? '-'
Dá pra retirar pelo CF, talvez. '-'

http://forum-frito.forumeiros.com/
é somente alguns botoes que são iguais aos que estou precisando.

Olá!

Adicione este código:

Código:

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}

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

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'

Olá sendeer,

O codigo funcionou para algumas caixas, as outras como: Quando cria um novo topico, o SALVAR ta o mesmo, no menu quando clica em BUSCAR e tem aquele GO pra pesquisar, ele tambem continuou o mesmo, quando abre no menu o PERFIL o salvar tambem esta normal, em PERFIL> AVATAR o EXIBIR BALERIA tambem esta normal, em PERFIL> AMIGOS E IGNORADOS o ADCIONAR tambem esta normal, em PERFIL> TOPICOS SUPERVISIONADOS o botao PARAR DE SUPERVISIONAL OS TOPICOS SELECIONADOS tambem esta normal, em PERFIL> RASCUNHOS o botao ESCLUIR RASCUNHOS SELECIONADOS tambem esta normal, no menu em MENSAGENS PRIVADAS o botao SALVAR A SELEÇÃO a normal tambem, em REGISTRAR o botao ACEITO OS TERMOS esta normal tambem, depois do primeiro passo de registrar o salvar tambem ta normal, em LOGIN o botao login tambem esta normal.

bom, achei somente esses que estao normais ainda, o SALVAR de todos os lugares parece tar normal, em como por do jeit que eu qero esses botoes?

podem me ajudar?

Olá!

Adicione mais estes códigos:

Código:

#tabs a{
margin: 10px;
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

#tabs .activetab a {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;}
.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}
.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}
input[type="text"],input[type="password"]{background-image: none !important;}

Resolve?

Melhores cumprimentos,
seender

Seender, esse codigo fez com que modificasse as respostas dos topicos e não altero os botoes que citei ..

Olá!

Remova os outros códigos e utilize somente este:

Código:

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
}
input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
border: 1px solid #46a9af;
color: #46a9af;
}

Resolve?

Melhores cumprimentos,
seender

agora tudo ta certo, obrigado.