Tooltip negli ultimi messaggi


Tooltip negli ultimi messaggi

Messaggio Da Niko il Mar 23 Feb 2016 - 14:03

Tooltip negli ultimi messaggi


Cari membri,

una nuovissima astuzia per voi  cheers
vi ha mai dato fastidio che i titoli dei messaggi nella colonna ultimi argomenti vengano tagliati? ecco la soluzione  


Il codice javascript


Andate verso PDA > Moduli > HTML & Javascript > Gestione del codice javascript e create un nuovo codice js :new:

  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    $(document).ready(function(){
        $('.my-tooltip').tooltipster();
    });



Modifica dei templates


Andiamo ora verso PDA > Visualizzazione > templates > index_box e cerchiamo:
Codice:
<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

Sostituiamolo quindi con:
Codice:
<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

E salviamo le modifiche :new:

Documentazione


Nel caso voleste estendere questa funzione ad altre parti del vostro forum non dovete fare altro che aggiungere alcuni attributi html:

  • class="my-tooltip"
    aggiungete questo attributo ad un codice html (per esempio ai link) per attivare questa funzione
  • title="contenuto del tooltip"
    questo attributo sarà il contenuto testuale del tooltip quando sorvolerete l'elemento con la classe my-tooltip


A presto  bacio

avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7758
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

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