Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

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

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

  • 0

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

Δημοσίευση από Nemo Την / Το Τρι Μαϊος 24, 2016 11:25 pm

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


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


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


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

Κώδικας:
<!-- 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 -->

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

Κώδικας:
<!-- 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 -->

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

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

Προσθήκη 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.
avatar

Nemo
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Άντρας
Τόπος : Αθήνα, Ελλάδα
Δημοσιεύσεις : 1204

Nemo ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης