phpBB Italia

Sito di supporto italiano per phpBB
https://www.phpbbitalia.net/forum/

Icona BBCODE Code

https://www.phpbbitalia.net/forum/viewtopic.php?f=15&t=5887

Pagina 1 di 1

Icona BBCODE Code

Inviato: 17/11/2011, 9:51
da Il Freddo
Faccio un esempio, se volessi una piccola icona che sostituisca il pulsante Code, quando si posta, come potrei fare?

Se si, devo fare la stessa cosa per tutti i bb code.

Re: Icona BBCODE Code

Inviato: 17/11/2011, 10:12
da lenders
Il Freddo ha scritto:Faccio un esempio, se volessi una piccola icona che sostituisca il pulsante Code, quando si posta, come potrei fare?
Si se pò fa.
Il Freddo ha scritto:Se si, devo fare la stessa cosa per tutti i bb code.
Si.

Re: Icona BBCODE Code

Inviato: 17/11/2011, 10:26
da Il Freddo
lenders ha scritto:
Il Freddo ha scritto:Faccio un esempio, se volessi una piccola icona che sostituisca il pulsante Code, quando si posta, come potrei fare?
Si se pò fa.
Il Freddo ha scritto:Se si, devo fare la stessa cosa per tutti i bb code.
Si.
Ok, hai birretta via mail .. mi passi il codice da variare?

Re: Icona BBCODE Code

Inviato: 17/11/2011, 10:44
da lenders
Sir xiradorn ha scritto:Per prosilver:

Innanzitutto estriamo il contenuto del file "editor.zip" nella cartella "images"

Apriamo il file styles/prosilver/template/posting_buttons.html.
Trovate:

Codice: Seleziona tutto

if (e.style.display == 'block')
      {
         document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
      }
      else
      {
         document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
      }
Sostituite con:

Codice: Seleziona tutto

if (e.style.display == 'block')
            {
               document.getElementById('bbpalette').value = '';
            }
            else
            {
               document.getElementById('bbpalette').value = '';
            }
Trovate:
Consiglio: (mi raccomando non sbagliate a selezionare dal vostro file questa parte altrimenti cadrete in errore)

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}" />
Sostituisci con questo:

Codice: Seleziona tutto

<input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" style="background: url('{ROOT_PATH}images/editor/text_bold.png');" />
<input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('{ROOT_PATH}images/editor/text_italic.png');" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
<input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('{ROOT_PATH}images/editor/text_underline.png');" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
<!-- IF S_BBCODE_QUOTE -->
  <input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('{ROOT_PATH}images/editor/comment.png');" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
<!-- ENDIF -->
<input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('{ROOT_PATH}images/editor/page_white_code.png');" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
<input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('{ROOT_PATH}images/editor/text_list_bullets.png');" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
<input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('{ROOT_PATH}images/editor/text_list_numbers.png');" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
<input type="button" class="buttonz" accesskey="t" name="addlitsitem" value="" style="background: url('{ROOT_PATH}images/editor/bullet_black.png');" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />

<!-- IF S_BBCODE_IMG -->
  <input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('{ROOT_PATH}images/editor/image.png');" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
  <input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('{ROOT_PATH}images/editor/world_link.png');" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
  <input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('{ROOT_PATH}images/editor/page_white_flash.png');" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<input type="button" class="buttonz" name="bbpalette" id="bbpalette" value="" style="background: url('{ROOT_PATH}images/editor/color_wheel.png');" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />

<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>
Aprite il file styles/prosilver/theme/buttons.css.
Andate alla fine del file.
Aggiungete questo pezzo di codice:

Codice: Seleziona tutto

.buttonz {
    width: 22px !important;
    height: 22px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 6px 0px !important;
    border: 1px solid #979797 !important;
    }
    .buttonz:hover {
    background-color: #ffffdf !important;
    border: 1px solid #BC2A4D !important;
    }
editor.zip
Se ti serve l'icona anche per i bbcode personalizzati dillo che ti posto pure quella!

Re: Icona BBCODE Code

Inviato: 17/11/2011, 10:54
da Il Freddo
L'avevo gia vista, ma da problemi con php nuova versione

io vorrei fare un bbcode alla volta quando serve... non ho solo gli standard php bbcode, ma altri personalizzati

Re: Icona BBCODE Code

Inviato: 17/11/2011, 11:07
da lenders
Il Freddo ha scritto:L'avevo gia vista, ma da problemi con php nuova versione
Impossibile,provata io adesso è funziona na meraviglia.
Il Freddo ha scritto:io vorrei fare un bbcode alla volta quando serve... non ho solo gli standard php bbcode, ma altri personalizzati
Ho la guida pure per quello,però se non installi quella sopra non puoi fa niente..

Re: Icona BBCODE Code

Inviato: 17/11/2011, 19:49
da Il Freddo
Ma non sono quelli che uso, alcuni tolti e messi solo quelli che servono

Re: Icona BBCODE Code

Inviato: 03/01/2012, 11:27
da Il Freddo
nessun aiuto?
Tutti gli orari sono UTC+02:00
Pagina 1 di 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/