phpBB Italia

xiradorn.it ha scritto:Titolo: Power Custom BBCode Box (custom, video e font)
Autore: Simon, [Addon] Sir Xiradorn
Descrizione: Racchiude tutti i vostri BBCODE personalizzati in un menù a tendina
Versione: 1.0.3
Piattaforma e versione: phpbb 3.0.5 | 3.0.6 | | 3.0.7 | 3.0.7-PL1

Inizio guida:
Guida base

Come prima cosa fai un backup del dile posting_buttons.html che potrai trovare proprio nella cartella relativa al tuo stile o in quella da cui esso deriva.

Apri:styles/{tuo tema}/template/posting_buttons.html

Trova:

Codice: Seleziona tutto

    <!-- 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 -->

Sostituisci con:

Codice: Seleziona tutto

    <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">Custom BBCodes</option>
              <!-- BEGIN custom_tags -->
              <option value="{custom_tags.BBCODE_ID}" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
              <!-- END custom_tags -->   
             </select>

Dopo finito i passaggi, salvate il tutto e aggiornare il template svutando le varie cache per non avere problemi
[hr][/hr]

Addon: Box per font bbcode
Come prima cosa dobbiamo creare un nostro bbcode che sarà poi quello da usare. (consiglio: lasciatelo disattivato nella pagina di scrittura così lo avrete visibile solo nel box che state creando). Se volete aggiungere altri font fatelo come detto alla fine di questo addon
BBcode

Codice: Seleziona tutto

[font={TEXT1}]{TEXT2}[/font]

Html

Codice: Seleziona tutto

<span style="font-family: {TEXT1}">{TEXT2}</span>

Poi apri il posting_buttons.html.
Trova:

Codice: Seleziona tutto

<select name="addbbcode_custom" onchange="bbstyle(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex].value*1);this.form.addbbcode_custom.selectedIndex = 0;">

Prima aggiungi:

Codice: Seleziona tutto

      <!-- Font_menu -->
      <select name="addbbcodefont" onchange="bbfontstyle('[font=' + this.form.addbbcodefont.options[this.form.addbbcodefont.selectedIndex].value + ']', '[/font]');this.form.addbbcodefont.selectedIndex = 6;" title="Font style: [font=Tahoma]text[/font]">
          <option style="font-family: Tahoma;" value="Tahoma">Tahoma</option>
          <option style="font-family: Verdana;" value="Verdana">Verdana</option>
          <option style="font-family: Arial Black;" value="Arial Black">Arial Black</option>
          <option style="font-family: Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</option>
          <option style="font-family: Lucida Console;" value="Lucida Console">Lucida Console</option>
          <option style="font-family: Palatino Linotype;" value="Palatino Linotype">Palatino Linotype</option>
          <option value="" selected="selected">Font Family</option>
          <option style="font-family: MS Sans Serif4;" value="MS Sans Serif4">MS Sans Serif4</option>
          <option style="font-family: System;" value="System">System</option>
          <option style="font-family: Georgia1;" value="Georgia1">Georgia1</option>
          <option style="font-family: Impact;" value="Impact">Impact</option>
          <option style="font-family: Courier;" value="Courier">Courier</option>
          <option style="font-family: Symbol;" value="Symbol">Symbol</option>
       </select>
      <!-- Font_menu -->

Quindi se volete aggiungere un nuovo font usate questa sintassi (assicuratevi che il font possa essere visionato e posseduto da tutti)
<option style="font-family: NOME_FONT;" value="NOME_FONT">NOME_FONT</option>

Aggiungi al posto di NOME_FONT il nome del font che vuoi. Come sempre salva il tutto e svuota la cache.
[hr][/hr]

Addon: Box per video bbcode
Come prima cosa dobbiamo creare i nostri bbcode che sarà poi quello da usare. (consiglio: lasciate disattivato nella pagina di scrittura così saranno visibili solo nel box che state creando)
Creiamo tre bbcode (voi potrete farne quante ne volete ripetendo modifiche similari per i vostri bbcode come mostrato a fine di questa guida)
Youtube
BBcode

Codice: Seleziona tutto

[youtube]http://www.youtube.com/watch?v={IDENTIFIER}[/youtube]

Html

Codice: Seleziona tutto

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}&rel=en&fs=1&color1=0x234900&color2=0xd4d4d4"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{IDENTIFIER}&rel=en&fs=1&color1=0x234900&color2=0xd4d4d4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

MegaVideo
BBcode

Codice: Seleziona tutto

[megavideo]{SIMPLETEXT}[/megavideo]

Html

Codice: Seleziona tutto

<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=5,0,0,0" width="432" height="351"><param name="movie" value="http://wwwstatic.megavideo.com/ep_gr.swf?&v={SIMPLETEXT}&image=" /><param name="play" value="false" />
<param name="loop" value="false" /><param name="quality" value="high" />
<param name="allowScriptAccess" value="never" /><param name="allowNetworking" value="internal" />
<embed src="http://wwwstatic.megavideo.com/ep_gr.swf?&v={SIMPLETEXT}&image=" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="432" height="351" play="false" loop="false" quality="high" allowscriptaccess="never" allownetworking="internal">
</embed></object>

GoogleVideo
BBcode

Codice: Seleziona tutto

[gvideo]{SIMPLETEXT}[/gvideo]

Html

Codice: Seleziona tutto

<embed id="VideoPlayback"
src="http://video.google.com/googleplayer.swf?docid=-{SIMPLETEXT}&hl=en&fs=true"
style="width: 425px; height: 350px;" allowfullscreen="true"
allowscriptaccess="always" type="application/x-shockwave-flash"></embed>

Aprite poi il vostro template e aggiungete dopo la precedente mofifica (o dove volete) questo:

Codice: Seleziona tutto

      <!-- video_menu -->
      <select name="addbbcodevideo" onchange="bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']');this.form.addbbcodefont.selectedIndex = 2;">
          <option value="youtube" title="[youtube]Identificatore o url[/youtube]">Youtube</option>
          <option value="megavideo" title="[megavideo]Identificatore[/megavideo]">MegaVideo</option>
        <option value="" selected="selected">Video</option>
          <option value="gvideo" title="[gvideo]Identificatore[/gvideo]">GoogleVideo</option>
       </select>
      <!-- video_menu -->

Se volete aggiungere altri bbcode video dovrete prima crearlo e poi aggiungerlo usando questa sintassi

Codice: Seleziona tutto

          <option value="BBCODE" title="DESCRIZIONE BBCODE">NOME BBCODE</option>

Sostituendo come segue:
BBCODE: bbcode creato (esempio se create [video_sito]...[/video_sito] dovrete sostituire BBCODE con video_sito);
DESCRIZIONE BBCODE: descrizione del bbcode (facoltativa);
NOME BBCODE: Nome del bbcode da far visualizzare nel menù a tendina.
Salvate il tutto come sempre e azzerate la cache