Όταν προσαρμόζετε τη δικη σας Joomla 3 ιστοσελίδα για tablet και κινητές συσκευές, μπορεί να καταλήξετε στο συμπέρασμα οτι δεν θέλετε να φαίνεται ολόκληρο το περιεχόμενο της ιστοσελίδας, αλλά να κρύβονται/φαίνονται μερικές απο τις πληροφορίες σε επιλεγμένες οθόνες. Σε μία τέτοια περίπτωση, η βοήθεια έρχεται απο την βιβλιοθήκη Bootstrap.
RESPONSIVE UTILITY CLASSES
Θα είστε ικανοί να εμφανίζετε/κρύβετε περιεχόμενο απο συσκευή με τη χρήση των ακόλουθων κλάσεων:
visible-phone - ορατό από 767px οθόνες και κάτω
visible-tablet - ορατό από 979px έως 768px οθόνες
visible desktop - ορατό από 980px οθόνες και πάνω
visible-phone - κρυμμένο από 767px οθόνες και κάτω
visible-tablet - κρυμμένο από 979px έως 768 px οθόνες
visible-desktop - κρυμμένη από 980px οθόνες και πάνω
ΠΩΣ ΝΑ ΤΟ ΧΡΗΣΙΜΟΠΟΙΗΣΕΤΕ;
Αν θέλετε να εμφανίσετε/κρύψετε μία ενότητα του Joomla για συγκεκριμένες συσκευές, απλά προσθέστε μία συγκεκριμένη κλάση (π.χ. "hidden tablet") στο παράθυρο "Module Class Suffix":
Σε μερικές περιπτώσεις, όταν μια ενότητα Joomla δεν έχει τη δυνατότητα "suffix", δηλαδή πρόσθεση κλάσεων, μπορείτε πολύ απλά να προσθέσετε μία κλάση ως html:
Μπορείτε να βρείτε περισσότερες πληροφορίες για τις λειτουργίες εδώ.
Δεν υπάρχουν σχόλια :
Δημοσίευση σχολίου