Πώς να παγώσετε το πλαίσιο περιγραφής αλλά όχι τη σελίδα κύλισης στο Tumblr

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

Εξέταση του κώδικα HTML

Συνδεθείτε στο Tumblr και κάντε κλικ στο εικονίδιο με το γρανάζι Ρυθμίσεις στο πάνω μέρος του ταμπλό σας. Επιλέξτε το ιστολόγιό σας από την ενότητα Ιστολόγια στην πλευρική γραμμή και κάντε κλικ στην επιλογή "Επεξεργασία θέματος". Κάντε κλικ στο σύνδεσμο "Επεξεργασία HTML" κάτω από το όνομα του θέματος στην πλευρική γραμμή. Ο κώδικας HTML του θέματος εμφανίζεται στα αριστερά και μια προεπισκόπηση του ιστολογίου Tumblr εμφανίζεται στα δεξιά.

Πατήστε "Ctrl-F" στο πληκτρολόγιο για να ανοίξετε το πεδίο Αναζήτηση και πληκτρολογήστε δύο ή τρεις λέξεις ακριβώς όπως εμφανίζονται στο πλαίσιο περιγραφής του ιστολογίου σας. Αυτό σας μεταφέρει απευθείας στον κώδικα HTML για αυτές τις λέξεις. Κάντε κύλιση προς τα πάνω μέχρι να δείτε τον κωδικό πλαισίου περιγραφής, όπως "μπλοκ: Περιγραφή".

Εξετάστε τις γραμμές ακριβώς πάνω από τον κωδικό πλαισίου περιγραφής και αναζητήστε το χαρακτηριστικό που κρατά το πλαίσιο περιγραφής να κυμαίνεται, όπως "αποσυμπίεση" ή "float". Αυτή η λέξη πρέπει να βρίσκεται μέσα σε μια ετικέτα "div id" όπως "

."

Αντικαταστήστε το χαρακτηριστικό που κρατά το πλαίσιο περιγραφής να κινείται στη σελίδα με τη λέξη "σταθερή", όπως "

"Κάντε κλικ στο κουμπί" Ενημέρωση προεπισκόπησης ". Κάντε κλικ στην προεπισκόπηση στα δεξιά και δοκιμάστε να πραγματοποιήσετε κύλιση στη σελίδα. Εάν αυτό λειτουργεί, κάντε κλικ στο κουμπί" Αποθήκευση ". Το πλαίσιο περιγραφής σας θα παραμείνει σταθερό στη θέση του, ενώ το περιεχόμενο του ιστολογίου σας μετακινείται. Λειτουργεί, πρέπει να εξετάσετε τον κώδικα CSS για να βρείτε τη σωστή λέξη.

Εύρεση του κώδικα CSS

Μεταβείτε στην κορυφή του κώδικα HTML του θέματος Tumblr. Κάντε κλικ στο πεδίο "Αναζήτηση" πάνω από τον κώδικα και πληκτρολογήστε "στυλ φύλλου". Αυτό σας μεταφέρει στην πρώτη εμφάνιση αυτής της λέξης στον κώδικα HTML, συνήθως εντός των πρώτων 50 γραμμών, όπως "rel = stylesheet." Επισημάνετε τη διεύθυνση URL λίγο πριν από αυτήν τη λέξη, ξεκινώντας με "http:" και τελειώνει σε "css." Αυτή είναι η διεύθυνση Web της σελίδας CSS του θέματος.

Ανοίξτε μια νέα καρτέλα προγράμματος περιήγησης, επικολλήστε τη διεύθυνση URL CSS στη γραμμή διευθύνσεων και πατήστε "Enter". Στην αρχή μπορεί να δείτε χωρίς νόημα γράμματα και αριθμούς, αλλά αν μετακινηθείτε προς τα κάτω στη σελίδα, θα δείτε τον κώδικα CSS, ο οποίος μοιάζει πολύ με τον κώδικα HTML. Δεν μπορείτε να αλλάξετε αυτόν τον κωδικό, αλλά μπορείτε να τον χρησιμοποιήσετε για να βρείτε τη λέξη που μπορεί να κλειδώσει το πλαίσιο περιγραφής στη θέση του.

Πατήστε "Ctrl-F" και πληκτρολογήστε τη λέξη που χρησιμοποιείται στον κώδικα HTML του θέματος για να διατηρήσετε το πλαίσιο περιγραφής αιωρούμενο, όπως "float". Όταν βρείτε αυτήν τη λέξη, κάντε κύλιση προς τα πάνω και προς τα κάτω στη σελίδα για να εξετάσετε τον κοντινό κώδικα. Αναζητήστε την αντίθετη λέξη που μπορεί να χρησιμοποιηθεί για να την κλειδώσετε στη θέση της, όπως "σταθερή", "στατική" ή "κολλημένη".

Επιστρέψτε στην καρτέλα του προγράμματος περιήγησης που εμφανίζει τον κώδικα HTML του θέματος και αντικαταστήστε τη λέξη διατηρώντας το πλαίσιο περιγραφής με τη λέξη που μπορεί να τη διατηρήσει σταθερή. Κάντε κλικ στο κουμπί "Ενημέρωση προεπισκόπησης" και, στη συνέχεια, δοκιμάστε να μετακινηθείτε προς τα κάτω στη σελίδα προεπισκόπησης. Εάν αυτό λειτουργεί, κάντε κλικ στο κουμπί "Αποθήκευση". Εάν δεν λειτουργεί, συνεχίστε την αναζήτηση για τη σωστή μαγική λέξη.

Συμβουλές

Σε ορισμένες περιπτώσεις, ο προγραμματιστής θέματος ενδέχεται να μην έχει συμπεριλάβει κώδικα CSS για να επιτρέψει σε ένα θέμα να έχει ένα σταθερό πλαίσιο περιγραφής.

Προειδοποιήσεις

Μην αποθηκεύετε αλλαγές στον κώδικα HTML του θέματος Tumblr μέχρι να εξετάσετε προσεκτικά την προεπισκόπηση. Η τυχαία αλλαγή οτιδήποτε στον κώδικα HTML μπορεί να βλάψει σοβαρά τη διάταξη του ιστολογίου σας.