Trocar o Texto dos Botões dos Bbcodes por imagens

[ceduardos]

*Qual a URL do seu fórum: Localhost
Tipo de Hospedagem:
Qual a versão do phpBB: phpBB 3.0.11
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Avalon (baseado no subsilver2)
Modificações instaladas: NV"who was here?"
Upcoming Birthday list
Birthday on registration


Qual seu nivel de experiência: Iniciante
Quando começou o problema:
Descreva seu problema: Estou estudando um jeito de transformar o texto dos botões dos BbCodes em icones (gif ou png) já consegui algum material em fóruns no idioma ingês, para tanto gostaria da ajuda de vocês em localizar em qual arquivo fica o codigo abaixo, usei o inspecionar elemento e depois o pesquisar do windos com algumas palavras chaves, mas foi infrutífero, se alguem puder dar uma luz, e se der certo posto o resultado e como fiz.

Código: Selecionar todos

<td colspan="2">
		<script type="text/javascript">
		// <![CDATA[
		
		// Define the bbCode tags
		var bbcode = new Array();
		var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','

','

• ','

','

• ','

','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]', '[GloboVideo]', '[/GloboVideo]', '[GoogleMaps]', '[/GoogleMaps]', '[Youtube]', '[/Youtube]');
var imageTag = false;

// Helpline messages
var help_line = {
b: 'Negrito: texto',
i: 'Itálico: texto',
u: 'Sublinhado: texto',
q: 'Citação: [quote]citação[/quote]',
c: 'Código:

Código: Selecionar todos

código

',
l: 'Lista:

• lista

',
o: 'Lista Ordenada:

• lista ordenada

',
p: 'Imagem: [img]http://url_da_imagem[/img]',
w: 'Inserir URL: http://url ou texto da URL (alt+w)',
a: 'Anexo: [attachment=]nome do arquivo.ext[/attachment]',
s: 'Cor: texto Dica: Você também pode utilizar color=#FF0000',
f: 'Fonte: texto pequeno',
y: 'Lista: Adicionar um elemento à lista',
d: 'Flash: [flash=width,height]http://url[/flash]',
tip: 'Dica: Estilos podem ser aplicados rapidamente ao texto selecionado.'

,cb_22: 'O ID do vídeo é o que vem DEPOIS do: 0,,GIM e ANTES do primeiro (-). P.ex: [GloboVideo]1154595[/GloboVideo]'

,cb_24: '[GOOGLEMAPS]LINK PARA O MAPA[/GOOGLEMAPS]'

,cb_26: 'YouTube: [youtube]Link to YouTube Video[/youtube]'

}

// ]]>
</script>
<script type="text/javascript" src="./styles/avalon/template/editor.js"></script>


<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')">

<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Citar" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')">

<!--<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />-->

<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')">

<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')">

<span class="genmed nowrap">Fonte: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<option value="50">Minúscula</option>
<option value="85">Pequena</option>
<option value="100" selected="selected">Normal</option>

<option value="150">Grande</option>

<option value="200">Enorme</option>

</select></span>

</td>[/code]

[robra]

Tópico em duplicidade com o Imagem no lugar de texto BBcodes, do mesmo autor.
Copie a "descrição" daqui e cole lá, para dar continuidade ao assunto por lá. Inclua também o link de seu Fórum lá, no formulário de suporte. ;)

Abraço.