Τι σημαίνει σταθερά στοιχεία στο Tumblr;

Ο όρος "σταθερά στοιχεία" στο Tumblr αναφέρεται σε οποιοδήποτε αντικείμενο του θέματος Tumblr που δεν μετακινείται σε σχέση με το παράθυρο του προγράμματος περιήγησης. Για παράδειγμα, το θέμα σας μπορεί να έχει μια πλευρική γραμμή που έχει οριστεί. Σε αυτήν την περίπτωση, η πλευρική γραμμή δεν κινείται όταν μετακινηθείτε προς τα κάτω στη σελίδα. παραμένει πάντα στον ίδιο χώρο σε σχέση με το παράθυρο του προγράμματος περιήγησης. Τα σταθερά στοιχεία ορίζονται στον κώδικα κατακερματισμένων φύλλων στυλ του θέματός σας.

HTML και CSS

Όλα τα θέματα Tumblr ορίζονται από ένα συνδυασμό HTML και CSS. Γενικά, το HTML ελέγχει τη δομή ενός θέματος, ενώ το CSS υπαγορεύει το στυλ του. Πολλοί ιστότοποι έχουν ξεχωριστά αρχεία HTML και CSS. Ωστόσο, τα HTML και CSS ενός τυπικού θέματος Tumblr υπάρχουν μαζί σε έναν ενοποιημένο πηγαίο κώδικα.

Βρείτε το θέμα σας CSS

Για να εντοπίσετε τον πηγαίο κώδικα του θέματος, πρέπει να συνδεθείτε στο λογαριασμό σας στο Tumblr. Από τον πίνακα ελέγχου, κάντε κλικ στο εικονίδιο με το γρανάζι για να μεταβείτε στο μενού "Ρυθμίσεις". Στο μενού Ρυθμίσεις, επιλέξτε το blog που θέλετε να προβάλετε. Στο μενού προσαρμογής του ιστολογίου, κάντε κλικ στην επιλογή "Προσαρμογή" στην ενότητα Θέμα. Αυτό θα σας μεταφέρει στη σελίδα προσαρμογής θεμάτων. Κάτω από τον τίτλο του θέματός σας, κάντε κλικ στην επιλογή "Επεξεργασία HTML". Αυτό θα εμφανίσει το HTML και το CSS του θέματος.

Η θέση: Σταθερή ιδιότητα

Μέσα στον κώδικα του κειμένου σας, μπορείτε να πατήσετε το "Ctrl-F" συγκεκριμένα στοιχεία. Εάν πληκτρολογήσετε "θέση: σταθερή" στο πεδίο αναζήτησης, μπορείτε να περιηγηθείτε σε διαφορετικές εμφανίσεις σταθερών στοιχείων στο θέμα σας. Εάν η αναζήτησή σας δεν επιστρέφει αποτελέσματα ή λιγότερα από τα αναμενόμενα, δοκιμάστε να αναζητήσετε "θέση: σταθερή" χωρίς κενό μετά το παχύ έντερο. Το στοιχείο που έχει οριστεί θα ονομάζεται πριν από το "{" bracket. Για παράδειγμα, το #sidebar {position: fixed} θα διορθώσει ένα στοιχείο με το αναγνωριστικό "sidebar".

Τοποθέτηση των στοιχείων

μπορείτε να το μετακινήσετε κατά μήκος των οριζόντιων ή κατακόρυφων αξόνων με ένα συγκεκριμένο αριθμό εικονοστοιχείων. Για να γίνει αυτό, καθορίστε την άκρη του δοχείου του στοιχείου και τον αριθμό των εικονοστοιχείων που θέλετε να διαχωρίσετε το στοιχείο από εκείνο το άκρο. Για παράδειγμα, το #sidebar {position: fixed; κορυφή: 20px; δεξιά: 10px;} θα τοποθετήσει την πλαϊνή γραμμή 20 εικονοστοιχεία από το επάνω μέρος του παραθύρου του προγράμματος περιήγησης και 10 εικονοστοιχεία από τα δεξιά του παραθύρου του προγράμματος περιήγησης.

Αλλαγή σταθερών στοιχείων

Εάν εντοπίσετε ένα σταθερό στοιχείο, μπορείτε να αλλάξετε τον τρόπο με τον οποίο είναι τοποθετημένος. Το χαρακτηριστικό "position: static" καθορίζει τη θέση του στοιχείου σε σχέση με τη θέση του στη ροή του κώδικα HTML. Αυτό το χαρακτηριστικό χρησιμοποιείται για να αντισταθμίσει το στοιχείο κατά ένα ορισμένο ποσό από την κανονική του στατική θέση. Για παράδειγμα, #sidebar {position: relative; δεξιά: 20px;} θα αντισταθμίσει το στοιχείο #sidebar 20 εικονοστοιχεία από το κανονικό της δεξί περιθώριο. Τέλος, η θέση: το απόλυτο χαρακτηριστικό αφαιρεί το στοιχείο από τη ροή εγγράφων και το τοποθετεί σε σχέση με το στοιχείο που το περιέχει. Για παράδειγμα, εάν ένα απόλυτα τοποθετημένο στοιχείο βρίσκεται μέσα σε ένα σχετικώς τοποθετημένο στοιχείο, τυχόν αλλοιώσεις της θέσης του θα συμβούν σε σχέση με το σχετικώς τοποθετημένο στοιχείο. Μπορείτε να πειραματιστείτε με αυτούς τους διαφορετικούς τύπους θέσης για να προσαρμόσετε ποια στοιχεία έχουν καθοριστεί στο θέμα Tumblr σας