Trocar o Texto dos Botões dos Bbcodes por imagens

Suporte aos MODs/Hacks para phpBB.
ceduardos
Novato
Novato
Mensagens: 35
Registrado em: 13 Abr 2013, 07:38
Nome Real: Carlos Eduardo
Localização: Praia Grande-SP
Contact:

Trocar o Texto dos Botões dos Bbcodes por imagens

Mensagem por 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]
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Trocar o Texto dos Botões dos Bbcodes por imagens

Mensagem por 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. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Trancado