Tooltip για τον τίτλο των τελευταίων δημοσιεύσεων

από Nemo Τρι Μάης 24, 2016 11:25 pm

Tooltip για τον τίτλο των τελευταίων δημοσιεύσεων

Πολλές φορές, ανάλογα με τον αριθμό των χαρακτήρων, ο τίτλος του θέματος στο οποίο υπάρχει η τελευταία δημοσίευση αποκόπτεται και δεν φαίνεται ολόκληρος. Με αυτόν τον οδηγό μπορείτε να εμφανίζετε ολόκληρο τον τίτλο, όταν περνάει ο κέρσορας από πάνω του, με έναν όμορφο τρόπο.

Τροποποίηση των προτύπων

Πηγαίντε στον Πίνακα Διαχείρισης ► Εμφάνιση ► Πρότυπα ► Γενική Διαχείριση ► index_box και βρείτε τον παρακάτω κώδικα:

Κώδικας::  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

Και αντικαταστήστε τον με αυτόν:

Κώδικας::  <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

Υποβάλλετε το νέο πρότυπο και μετά δημοσιεύστε το ( add

).

Σημείωση: Δεν πρέπει να εφαρμόσετε τα εξ'αρχής πρότυπα.

Προσθήκη Javascript

Πηγαίντε στον Πίνακα Διαχείρισης ► Λειτουργικές Μονάδες ► HTML & JAVASCRIPT ► Διαχείριση κωδικών Javascript και βεβαιωθείτε ότι η διαχείριση javascript κωδικών είναι ενεργοποιημένη.

Δημιουργήστε ένα νέο javascript το οποίο θα ισχύει σε όλες τις σελίδες με τον κάτωθι κώδικα:

Κώδικας:: $(document).ready(function(){ $('.my-tooltip').tooltipster(); });

Έτσι θα εμφανιστεί το tooltip.

Περισσότερες δυνατότητες

Αν θέλετε να επεξεργαστείτε περισσότερο το στοιχείο αυτό μπορείτε να προσθέσετε κάποιες html attributes:

class = "my-tooltip"
Προσθέστε αυτόν τον κώδικα σε μια html σελίδα για να το ενεργοποιήσετε και εκεί.
title = "content of the tooltip"
Αυτό πρόκειται για το κείμενο που θα εμφανίζεται όταν περνάει ο κέρσορας από την class.

Ο οδηγός γράφτηκε από Niko του Ιταλικού Φόρουμ Υποστήριξης και μεταφράστηκε από Nemo.