Imagem no lugar de texto BBcodes

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:

Imagem no lugar de texto BBcodes

Mensagem por ceduardos »

Qual a URL do seu fórum: http://www.surfcastingbr.com
Tipo de Hospedagem:
Qual a versão do phpBB: Selecionar
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Avalon
Modificações instaladas:
Qual seu nivel de experiência: Iniciante
Quando começou o problema:
Descreva seu problema: Alguém poderia me ensinar a trocar esses textos de BBCodes por imagens, exemplo Yourube e GoogleMaps
Imagem
Editado pela última vez por ceduardos em 21 Set 2013, 21:08, em um total de 1 vez.
ceduardos
Novato
Novato
Mensagens: 35
Registrado em: 13 Abr 2013, 07:38
Nome Real: Carlos Eduardo
Localização: Praia Grande-SP
Contact:

Re: Imagem no lugar de texto BBcodes

Mensagem por ceduardos »

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>
ceduardos
Novato
Novato

Mensagens: 23
Registrado em: Sáb Abr 13, 2013 07:38
[/code]
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Imagem no lugar de texto BBcodes

Mensagem por Chico Gois »

ceduardos
Novato
Novato
Mensagens: 35
Registrado em: 13 Abr 2013, 07:38
Nome Real: Carlos Eduardo
Localização: Praia Grande-SP
Contact:

Re: Imagem no lugar de texto BBcodes

Mensagem por ceduardos »

Obrigado Chico, dei uma olhada e notei que é a modificação é para o Prosilver, mesmo assim vou tentar adaptar no Subsilver, os Bbcodes personalizados notei que estão no BD, mas aquele arquivo faz referencia a eles e é exatamente este arquivo que gostaria de estudar.
Obs: Toda a modificação eu faço no Localhost, somente após contatar que algo funciona 100% é que vai para forum remoto.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Imagem no lugar de texto BBcodes

Mensagem por robra »

Após fazer uma busca no Google pelo texto "change bbcode buttons to images phpbb subsilver2", muitos resultados apareceram, dentre eles:
- http://startrekguide.com/community/view ... =50&t=3232
Veja se lhe atende.

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".
ceduardos
Novato
Novato
Mensagens: 35
Registrado em: 13 Abr 2013, 07:38
Nome Real: Carlos Eduardo
Localização: Praia Grande-SP
Contact:

Re: Imagem no lugar de texto BBcodes

Mensagem por ceduardos »

robra escreveu:Após fazer uma busca no Google pelo texto "change bbcode buttons to images phpbb subsilver2", muitos resultados apareceram, dentre eles:
- http://startrekguide.com/community/view ... =50&t=3232
Veja se lhe atende.

Abraço. Imagem
Opá, abri o link vou analisar, obrigado pela ajuda.
ceduardos
Novato
Novato
Mensagens: 35
Registrado em: 13 Abr 2013, 07:38
Nome Real: Carlos Eduardo
Localização: Praia Grande-SP
Contact:

Re: Imagem no lugar de texto BBcodes

Mensagem por ceduardos »

robra escreveu:Após fazer uma busca no Google pelo texto "change bbcode buttons to images phpbb subsilver2", muitos resultados apareceram, dentre eles:
- http://startrekguide.com/community/view ... =50&t=3232
Veja se lhe atende.

Abraço. Imagem
Obrigado mais uma vez Robra, me atendeu em 100% segue abaixo como ficou a template posting_buttons

Código: Selecionar todos

<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
	<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]','
','
  • ','
','
  • ','
','Imagem','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
y: '{LA_BBCODE_Y_HELP}',
d: '{LA_BBCODE_D_HELP}',
tip: '{L_STYLES_TIP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="Texto em Negrito" style="background: url('images/bbcode/bold.gif');" />
<input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" onclick="bbstyle(2)" title="Texto em Itálico" style="background: url('images/bbcode/italic.gif');" />
<input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" onclick="bbstyle(4)" title="Texto em Itálico" style="background: url('images/bbcode/under.gif');" />
<!-- IF S_BBCODE_QUOTE -->

<input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" onclick="bbstyle(6)" title="Citação" style="background: url('images/bbcode/quote.gif');" />
<!-- ENDIF -->
<!--<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')" />-->
<!-- IF S_BBCODE_IMG -->
<input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" onclick="bbstyle(14)" title="Insere imagens" style="background: url('images/bbcode/img.gif');" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" onclick="bbstyle(16)" title="Insere Link da Web" style="background: url('images/bbcode/url.gif');" />
<input class="buttonz" name="addbbcode22" value="" onclick="bbstyle(22)" title="Youtube: [sup]...[/sup]" type="button" style="background: url('images/bbcode/youtube.gif');" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<span class="genmed nowrap">{L_FONT_SIZE}: <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">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select></span>
<!-- ENDIF -->
</td>
</tr>
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
<td colspan="2">
<!-- BEGIN custom_tags -->
<!-- <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
-->

<!-- END custom_tags -->
</td>
</tr>
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td id="helpline"<!-- IF $S_SIGNATURE or S_EDIT_DRAFT --> colspan="2"<!-- ENDIF -->>{L_STYLES_TIP}&nbsp;</td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<td class="genmed" align="center">{L_FONT_COLOR}</td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->
[/code]
Trancado