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

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

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

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

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.

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

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

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

Επιστροφή στην κορυφή Πήγαινε κάτω

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


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!