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
Contato:

Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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
    Contato:

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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: 3923
    Registrado em: 03 Jul 2004, 03:53
    Nome Real: Chico Gois
    Localização: São Paulo - Capital
    Contato:
    MSG 1500+AvatarLenda

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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
    Contato:

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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, 23:29
    MSG 1500+Avatar

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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
    Contato:

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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
    Contato:

    Re: Imagem no lugar de texto BBcodes

  • Favoritar esta postagem
  • 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