Tooltip per i link del tuo forum


Tutorial Tooltip per i link del tuo forum

Messaggio Da Niko Lun 18 Gen 2021 - 17:01

Tooltip per i link del tuo forum


Definizione

Tooltip per i link del tuo forum D0wDyAJ

La definizione di tooltip è "Una piccola finestra di aiuto che compare sul monitor del computer passando con il mouse su una scritta o un'icona, per indicarne la funzione". In questo tutorial vedremo come avere queste targhette che compariranno passando sopra ai link del nostro forum :good:

Modifica dei templates


Andate verso Pannello di amministrazione ► Visualizzazione ► Templates ► Generali ►
overall_header

Attenzione: le modifiche ai templates sono consentite solamente all'utente fondatore del forum!

Subito prima di andate ad aggiungere questa porzione di codice :bene:

Codice:
<link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>
 
<script type='text/javascript'>
  $(function() {
    $('.tool-tip').tipsy({fade: true, gravity: 's'});
  });
</script>

Aggiunta dei codici javascript

Andate verso Pannello di amministrazione ► e create un nuovo codice javascript con le seguenti impostazioni:
  • Titolo: a vostra scelta
  • Posizione: In tutte le pagine
  • Contenuto:
    Codice:
    jQuery(document).ready(function(){
        jQuery('a, img, strong a, strong img').addClass('tool-tip');
        });


Ed il gioco è fatto! Avete altre domande o dubbi? Vi aspettiamo nella sezione di supporto :good:

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8279
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

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


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