Inserire un bottone per modificare la dimensione del font nel forum

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

Messaggio 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




Ultima modifica di Niko il Mer 31 Mar 2021 - 1:52 - modificato 1 volta. (Motivazione : Aggiornamento)
Spacca
Spacca
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 27
Messaggi : 3004
Località : Varese

https://www.openstudio.one
Spacca è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.