Ο όρος "σταθερά στοιχεία" στο Tumblr αναφέρεται σε οποιοδήποτε αντικείμενο στο θέμα Tumblr που δεν μετακινείται σε σχέση με το παράθυρο του προγράμματος περιήγησης. Για παράδειγμα, το θέμα σας μπορεί να έχει μια πλευρική γραμμή που είναι σταθερή. Σε αυτήν την περίπτωση, η πλευρική γραμμή δεν μετακινείται όταν κάνετε κύλιση προς τα κάτω στη σελίδα. παραμένει πάντα στο ίδιο μέρος σε σχέση με το παράθυρο του προγράμματος περιήγησης. Τα σταθερά στοιχεία ορίζονται στον κώδικα Cascading Style Sheets του θέματός σας.
HTML και CSS
Όλα τα θέματα Tumblr καθορίζονται από ένα συνδυασμό HTML και CSS. Γενικά, το HTML ελέγχει τη δομή ενός θέματος, ενώ το CSS υπαγορεύει το στυλ του. Πολλοί ιστότοποι έχουν ξεχωριστά αρχεία HTML και CSS. Ωστόσο, το HTML και το CSS ενός τυπικού θέματος Tumblr υπάρχουν μαζί σε έναν ενοποιημένο πηγαίο κώδικα.
Εύρεση του θέματος CSS
Για να εντοπίσετε τον πηγαίο κώδικα του θέματος σας, πρέπει να συνδεθείτε στον λογαριασμό σας στο Tumblr. Από τον πίνακα ελέγχου σας, κάντε κλικ στο εικονίδιο με το γρανάζι για πρόσβαση στο μενού Ρυθμίσεις. Στο μενού Ρυθμίσεις, επιλέξτε το ιστολόγιο που θέλετε να προβάλετε. Στο μενού προσαρμογής ιστολογίου, κάντε κλικ στην επιλογή "Προσαρμογή" στην ενότητα Θέμα. Αυτό θα σας μεταφέρει στη σελίδα προσαρμογής θέματος. Κάτω από τον τίτλο του θέματος, κάντε κλικ στην επιλογή "Επεξεργασία HTML". Αυτό θα εμφανίσει το HTML και το CSS του θέματος σας.
Η θέση: Σταθερή ιδιότητα
Στον κώδικα του θέματος, μπορείτε να πατήσετε "Ctrl-F" για να αναζητήσετε συγκεκριμένα αντικείμενα. Εάν πληκτρολογήσετε "θέση: σταθερή" στο πεδίο αναζήτησης, μπορείτε να περιηγηθείτε σε διάφορες παρουσίες σταθερών στοιχείων στο θέμα σας. Εάν η αναζήτησή σας δεν επιστρέφει αποτελέσματα ή λιγότερα από το αναμενόμενο, δοκιμάστε να πραγματοποιήσετε αναζήτηση για "θέση: σταθερό" χωρίς κενό μετά την άνω και κάτω τελεία. Το στοιχείο που είναι σταθερό θα ονομάζεται πριν από την αγκύλη "{". Για παράδειγμα, το #sidebar {position: fixed;} θα διορθώσει ένα στοιχείο με το αναγνωριστικό "sidebar".
Θέση των στοιχείων
Μόλις καθοριστεί η μέθοδος τοποθέτησης ενός στοιχείου, μπορείτε να το μετακινήσετε κατά μήκος των οριζόντιων ή κατακόρυφων αξόνων με συγκεκριμένο αριθμό pixel. Για να γίνει αυτό, καθορίστε την άκρη του δοχείου του στοιχείου και τον αριθμό των pixel που θέλετε να διαχωρίσετε το στοιχείο από αυτό το άκρο. Για παράδειγμα, #sidebar {position: fixed; κορυφή: 20 εικονοστοιχεία; δεξιά: 10px;} θα τοποθετήσει την πλευρική γραμμή 20 εικονοστοιχεία από την κορυφή του παραθύρου του προγράμματος περιήγησης και 10 εικονοστοιχεία από τα δεξιά του παραθύρου του προγράμματος περιήγησης.
Αλλαγή σταθερών στοιχείων
Εάν εντοπίσετε ένα σταθερό στοιχείο, μπορείτε να αλλάξετε τον τρόπο τοποθέτησής του. Το χαρακτηριστικό "position: static" καθορίζει τη θέση του στοιχείου σε σχέση με τη θέση του στη ροή του κώδικα HTML. Αυτό το χαρακτηριστικό χρησιμοποιείται για να αντισταθμίσει το στοιχείο από ένα ορισμένο ποσό από την κανονική του στατική θέση. Για παράδειγμα, #sidebar {position: relatif; δεξιά: 20px;} θα αντισταθμίσει το στοιχείο #sidebar 20 pixel από το κανονικό δεξί περίγραμμά του. Τέλος, το χαρακτηριστικό θέσης: απόλυτο αφαιρεί το στοιχείο από τη ροή του εγγράφου και το τοποθετεί σε σχέση με το στοιχείο που περιέχει. Για παράδειγμα, εάν ένα στοιχείο απόλυτης θέσης βρίσκεται μέσα σε ένα στοιχείο σχετικής θέσης, τυχόν αλλαγές στη θέση του θα συμβούν σε σχέση με το στοιχείο σχετικής θέσης. Μπορείτε να πειραματιστείτε με αυτούς τους διαφορετικούς τύπους θέσης, προκειμένου να προσαρμόσετε ποια στοιχεία είναι σταθερά στο θέμα Tumblr.
