Inserire un bottone per modificare la dimensione del font nel forum

Da Spacca Dom 14 Nov 2010 - 15:12

Inserire un bottone per modificare la dimensione del font nel forum

Definizione

Permette di inserire due bottoni per aumentare o diminuire la grandezza del testo sul vostro forum.

Codice Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione del codice javascript sia attivato e creiamo un nuovo codice con queste impostazioni:

Titolo: a tua scelta
Dove: in tutte le pagine
Codice:
Codice:
var min=11; var max=18; function increaseFontSize() { var p = document.getElementsByTagName('span'); for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=max) { s += 1; } p[i].style.fontSize = s+"px" } } function decreaseFontSize() { var p = document.getElementsByTagName('span'); for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=min) { s -= 1; } p[i].style.fontSize = s+"px" } }

Installazione

Abbiamo due modi per inserire i bottoni per ridimensionare il font nel forum.

Tramite templates

Andiamo verso Pannello di amministrazione ► Visualizzazione ► Templates ► Generale Overall_header e cerchiamo:

Codice:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

ù

Subito dopo aggiungiamo:

Codice:: <a href="javascript:decreaseFontSize();" title="Decrease font size"><img src="MINUS ICON HERE" border="0" Alt="Decrease font size"></a> <a href="javascript:increaseFontSize();" title="Increase font size"><img src="PLUS ICON HERE" border="0" Alt="Increase font size"></a>

Manualmente

VI basterà inserire questo codice dove vorrete visualizzare il bottone.

Codice:: <a href="javascript:decreaseFontSize();" title="Decrease font size"><img src="ICONA_RIDUCI" border="0" Alt="Decrease font size"></a> <a href="javascript:increaseFontSize();" title="Increase font size"><img src="ICONA_AUMENTA" border="0" Alt="Increase font size"></a>

Personalizzazione

Sostituire:

ICONA_RIDUCI con il link dell'icona immagine del bottone riduci
ICONA_AUMENTA con il link dell'icona immagine del bottone aumenta

Se avete installato FontAwesome sul vostro forum potrete anche usarlo al posto dell'immagine Inserire un bottone per modificare la dimensione del font nel forum 3706843607

Inserire un bottone per modificare la dimensione del font nel forum 3706843607