Campo de resposta rápida

Prezados,

observem na imagem anexada que o campo de resposta rápida do fórum dos fóruns está com um aspecto mais moderno, botões mais modernos, etc. O meu fórum não aparece desta dorma, mas sim botões quadrados e antigos.

Qual procedimento seguir para acrescentar esta aparência para o meu campo de respostas rápida?

Imagens do meu problema:
Comparativo de campos: https://i.servimg.com/u/f40/16/90/02/10/sem_ta12.jpg

Endereço do meu fórum:
interativo.forumeiros.net

Versão do meu fórum:
PHPBB3

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá,

Leia o tópico abaixo, o mesmo apresenta o código referente a sua dúvida:

https://ajuda.forumeiros.com/t49399-

Atenciosamente.

Amigo, utilizei o seguinte código:

Código:

#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit body:last-child a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit input,#text_editor_controls #text_edit 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}#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit body:last-child a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit input:hover,#text_editor_controls #text_edit button:hover,#text_editor_controls #text_edit #text_edit button,#text_editor_controls #text_edit #text_edit input{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}

De fato deu certo, mas modificou apenas os botões do campo de resposta rápida. Eu conseguiria aplicar este memo efeito visual no restante dos botões, como "Enviar", "Pré-visualizar", etc?

Olá,

Utilize 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;
}

Coloque em sua folha CSS e salve.
Atenciosamente.

Mas eu devo acrescentar este depois do que eu utilizei ou substituí-lo?

Olá,

Substituir.. coloque o código que mencionei, retire o que você colocou.

Atenciosamente.

Perfeito Touks, deu certíssimo.

Agradeço vossa atenção.


Atenciosamente,
Yuri Cordeiro.