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

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

Εξετάζοντας τον κώδικα HTML

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

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

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

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

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

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

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

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

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

Συμβουλές

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

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

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