Πώς να χρησιμοποιήσετε ένα Κουτί για να προσθέσετε μία εικόνα φόντου
Το στοιχείο Κουτί διατηρεί το ελάχιστο ύψος του σταθερό σε όλες τις συσκευές, εξασφαλίζοντας ότι η σελίδα σας φαίνεται σταθερή και αρμονική, ανεξαρτήτως του μεγέθους οθόνης των επισκεπτών.
Ωστόσο, όταν προσθέτετε μια εικόνα φόντου σε ένα κουτί, μπορεί να παρατηρήσετε ότι η εικόνα φαίνεται «κομμένη» σε ορισμένα μεγέθη οθόνης. Για παράδειγμα, σε μεγαλύτερες οθόνες, το κάτω μέρος μιας εικόνας, όπως η βάση ενός ποτηριού, ενδέχεται να μην εμφανίζεται.
Αυτό συμβαίνει επειδή τα κουτιά διατηρούν το ίδιο ελάχιστο ύψος σε όλες τις συσκευές. Παρότι αυτή η ρύθμιση εξασφαλίζει συνέπεια, μπορεί να περιορίσει την πλήρη προσαρμοστικότητα των εικόνων φόντου.
Πώς να προσθέσετε μια εικόνα φόντου:
- Από το μενού στην αριστερή πλευρά, προσθέστε ένα Κουτί στη σελίδα σας.
- Έχοντας επιλεγμένο το Κουτί, μεταβείτε στην καρτέλα Παρασκήνιο > Εικόνα & Επικάλυμμα από το μενού ρυθμίσεων στα δεξιά.
- Κάντε κλικ στο "Επιλέξτε εικόνα".
- Από τη Βιβλιοθήκη αρχείων που θα σας ανοίξει, μπορείτε είτε να ανεβάσετε μια νέα εικόνα είτε να επιλέξετε μία που έχετε ήδη ανεβάσει και θέλετε να τη χρησιμοποιήσετε ως φόντο.
- Πατήστε Εφαρμογή για να προσθέσετε την εικόνα στη σελίδα σας.
Ρυθμίσεις παρασκηνίου
Προσαρμογή Εικόνας
Cover: Η εικόνα καλύπτει πλήρως το κουτί, διατηρώντας τις αναλογίες της (ενδέχεται να περικοπούν τα άκρα).
Contain: Η εικόνα προσαρμόζεται πλήρως μέσα στο κουτί, χωρίς περικοπή (ενδέχεται να αφήνει κενό χώρο).
Αυτόματο: Το πλάτος και το ύψος της εικόνας ρυθμίζονται αυτόματα ανάλογα με τον διαθέσιμο χώρο.
Επανάληψη Εικόνας
Ομοιόμορφα: Επαναλαμβάνει την εικόνα οριζόντια και κάθετα μέχρι να καλυφθεί πλήρως το κουτί.
Οριζόντια: Επαναλαμβάνει την εικόνα μόνο κατά μήκος του οριζόντιου άξονα.
Κάθετα: Επαναλαμβάνει την εικόνα μόνο κατά μήκος του κάθετου άξονα.
Χωρίς επανάληψη: Εμφανίζει την εικόνα μία φορά, χωρίς επανάληψη.
Μετακίνηση εικόνας
Κύλιση: Η εικόνα φόντου κινείται μαζί με το περιεχόμενο καθώς ο χρήστης κάνει κύλιση.
Σταθερή: Η εικόνα φόντου παραμένει σταθερή, ενώ το περιεχόμενο κυλάει επάνω της.
Επικάλυμμα (Overlay)
Επικάλυμμα: Προσθέτει ένα ημιδιαφανές στρώμα πάνω από την εικόνα φόντου.
Χρώμα επικαλύμματος: Επιλέξτε το χρώμα της επικάλυψης για να βελτιώσετε την αναγνωσιμότητα του κειμένου ή άλλων στοιχείων που βρίσκονται επάνω στην εικόνα.