Tooltip negli ultimi messaggi

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 Tooltip negli ultimi messaggi 1f600

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::  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

Sostituiamolo quindi con:

Codice::  <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

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