[xiradorn.it] Helpline BBcode Box

[Barrnet]

Titolo: Helpline BBcode Box
Autore: Stoker
Descrizione: Inserite un comodissimo box attraverso il quale potrete consultare la linea di aiuto fornita dal vostro bbcode.
Versione: 1.0.0
Piattaforma e versione: phpBB 3.0.X

Inizio guida:
La seguente guida vi permetterà di ottenere questo effetto


Apri: STILE/template/posting_buttons.html
Trova:

Codice: Seleziona tutto

<script type="text/javascript">
// <![CDATA[
   var form_name = 'postform';
   var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
   var load_draft = false;
   var upload = false;

   // 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]'<!-- 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}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>[/code]

Sostituisci con:

Codice: Seleziona tutto

<script type="text/javascript">
// <![CDATA[
   var form_name = 'postform';
   var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
   var load_draft = false;
   var upload = false;

   // 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]'<!-- 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}',
li: '{LA_BBCODE_LISTITEM_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}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}',
y: 'Seleziona un bbcode per avere un suggerimento su come usarlo!'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<script TYPE="text/javascript">
// <![CDATA[
function select_custom_BBcod(custom)
{
var id_custom = custom.value*1;
if (custom.value != "#")
{
bbstyle(id_custom);
var aide = 'cb_'+id_custom;
helpline(aide);
}
}
// ]]>
</script>[/code]
Trova:

Codice: Seleziona tutto

   <input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
   <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
   <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
   <!-- IF S_BBCODE_QUOTE -->
      <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
   <!-- ENDIF -->
   <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
   <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
   <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
   <input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
   <!-- IF S_BBCODE_IMG -->
      <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_LINKS_ALLOWED -->
      <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_BBCODE_FLASH -->
      <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
   <!-- ENDIF -->
   <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
      <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>
   <input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
   <!-- 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 -->

Operazione: Per chi non ha la mod BBCodebox Light. Se avete installato la suddetta mod seguite il secondo sostituisci con postato sotto
Sostituisci con:

Codice: Seleziona tutto

   <input type="button" onmouseover="helpline('b')" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
   <input type="button" onmouseover="helpline('i')" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
   <input type="button" onmouseover="helpline('u')" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
   <!-- IF S_BBCODE_QUOTE -->
      <input type="button" onmouseover="helpline('q')" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
   <!-- ENDIF -->
   <input type="button" onmouseover="helpline('c')" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
   <input type="button" onmouseover="helpline('l')" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
   <input type="button" onmouseover="helpline('o')" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
   <input type="button" onmouseover="helpline('li')" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
   <!-- IF S_BBCODE_IMG -->
      <input type="button" onmouseover="helpline('p')" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_LINKS_ALLOWED -->
      <input type="button" onmouseover="helpline('w')" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_BBCODE_FLASH -->
      <input type="button" onmouseover="helpline('d')" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
   <!-- ENDIF -->
   <select name="addbbcode20" onmouseover="helpline('f')" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
      <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>
   <input type="button" onmouseover="helpline('s')" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
   <!-- BEGIN custom_tags -->
      <input type="button" onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" 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 -->

Operazione: Questo è invece il codice da usare per chi ha la mod detta sopra
Sostituisci con:

Codice: Seleziona tutto

<input style="border: 1px dashed #888888; background-color: #FFF" type="text" name="helpbox" class="helpline" value="{L_STYLES_TIP}" /><br />
       <input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" style="background: url('./images/editor/text_bold.png');" onmouseover="helpline('b')" />
       <input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" onmouseover="helpline('i')" />
       <input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" onmouseover="helpline('u')" />
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('./images/editor/comment.png');" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" onmouseover="helpline('q')" />
       <!-- ENDIF -->
       <input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('./images/editor/page_white_code.png');" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" onmouseover="helpline('c')" />
       <input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('./images/editor/text_list_bullets.png');" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" onmouseover="helpline('l')" />
       <input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('./images/editor/text_list_numbers.png');" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" onmouseover="helpline('o')" />
       <input type="button" class="buttonz" accesskey="t" name="addlitsitem" value="" style="background: url('./images/editor/bullet_black.png');" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" onmouseover="helpline('li')" />
       
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('./images/editor/image.png');" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" onmouseover="helpline('p')" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('./images/editor/world_link.png');" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" onmouseover="helpline('w')" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('./images/editor/page_white_flash.png');" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" onmouseover="helpline('d')" />
       <!-- ENDIF -->
       <input type="button" class="buttonz" onmouseover="helpline('s')" name="bbpalette" id="bbpalette" value="" style="background: url('./images/editor/color_wheel.png');" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
       
       <select name="addbbcode20" onmouseover="helpline('f')" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <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>      
      
   <!--
   Custom BBcode Menù
   -->
        <select name="addbbcode_custom" onchange="bbstyle(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex].value*1);this.form.addbbcode_custom.selectedIndex = 0;">
                  <option value="#" selected="selected" onmouseover="helpline('y')">Custom BBCodes</option>
                  <!-- BEGIN custom_tags -->
                  <option value="{custom_tags.BBCODE_ID}" onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
                  <!-- END custom_tags -->   
      </select>

Apri: STILE/theme/buttons.css (prosilver) o stylesheet.css (subsilver2)
Operazione: Alla fine del documento stesso aggiungi

Codice: Seleziona tutto

/* helpline */
.helpline {
   background-color: #ECF1F3;
   border-style: none;
   cursor: default;
   padding: 3px;
   color: #5e8dee;
   width: 80%;
}
/* helpline */

Salvate e azzerate la cache dal pannello amministrazione

Anche questa, recuperata da xiradorn.it, ovviamente sarà cancellata nel caso xiradorn.it tornasse online, ma nel frattempo servirà a chi volesse usufruire di tale modifica o deve disinstallarla.