Imagens de bbcode como na imagem

Qual é minha questão:
Gostaria dos Ícones nos Comandos BBCode como na Imagem Abaixo

https://i.imgur.com/SKph6.png

Fórum que vi isso : www.fmcodes.com

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
https://i.imgur.com/SKph6.png

Endereço do meu fórum:
http://cataclysm.web-rpg.com/

Versão do meu fórum:
PUNBB

Olá,

Vá em: Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione no conteúdo:

Código:


button.button2,input.button2, button {
text-decoration:none;
font-family: arial, sans-serif!important;
border-width:1px;
border-style:solid;
padding:5px!important;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
  box-shadow:0px 1px 0px rgba(255,255,255,0.75);
   
   
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff

}

button.button2:hover,input.button2:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c
}

Atenciosamente. :-)

Funcionou,Ficou com um Gradiente.
Mas eu Gostaria de Trocar os Ícones bbcode.

Olá!

Leia o seguinte tutorial:
Alterar ícone dos botões BBCode

Até mais.

É Mesmo,Eu Não estava encontrado este Tutorial em " Tutorais e Astúcias " me esqueci de procurar no fórum mesmo.

Obrigado Luciano