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 font - Inserire un bottone per modificare la dimensione del font nel forum 3706843607

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