Como eu mudo a aparência da parte de criar tópicos?

Qual é minha questão:

Em questão Tirei o Print:

Print de como eu quero deixar:

Endereço do meu fórum:
http://cheatinside.forumeiros.com

Versão do fórum:
PUNBB

Olá, WEB CHEATS?
Não o link '-' pesso que me forneça o link.
E uma print do visual de criar tópicos deles.

Olá, acho que isso não e possível

Até mais

Sim e possível

Veja este tópico:

https://ajuda.forumeiros.com/t57328-tutorial-alterar-icone-dos-botoes-bbcode

Basta personalizar as imagens.

Resulta?

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.

Saudações!

Infelizmente do jeito da "WebCheats" não há como, pois não temos este sistema de Templates e o mesmo usa-se códigos Java Scripts, e não damos suporte. O senhor pode usar o tutorial dado por nosso amigo acima.

Até mais.

Olá,

É quase totalmente possível sem JS, fiz um código aqui, e o resultado foi:
Adicione á teu CSS:

Código:

form[action="/post"][name="post"] {
background: transparent !important;
}
form[action="/post"][name="post"] tr#parent_editor_simple td[class="row2"][valign="top"] {
width: 61.4% !important;
position: absolute;
left: 26.1%;
padding: 17px 0.3% 0px 0.5%;
background: url(http://i.imgur.com/vaiPexQ.png) no-repeat;
background-size: 100% 100.8%;
height: 299px;
}
form[action="/post"][name="post"] #textarea_content {
border: none !important;
}
form[action="/post"][name="post"] #text_editor_textarea {
border: none !important;
background-color: transparent !important;
left: 9px;
position: relative;
width: 96.2% !important;
top: 42px;
padding: 10px 5px 5px 5px;
height: 185px !important;
margin-bottom: 31px;
border-radius: 5px;
}
form[action="/post"][name="post"] #text_editor_controls {
width: 97% !important;
margin-left: 12px !important;
float: center;
margin-top: 7px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
button.button2, input.button2 {
background-color: transparent;
background-image: none;
margin: 0;
border: 0px;
padding: 2px 3px;
}
#format-buttons a[href="javascript:bbstyle(-1)"], img[src="http://2img.net/i/fa/wysiwyg/separator.png"] {
display: none;
}
tr#parent_editor_simple #helpbox {
display: none;
}


Resulta?

Até mais.