Προσθήκη άλλης πλευρικής γραμμής Tumblr

Επεξεργαστείτε το θέμα του ιστολογίου του Tumblr για να προσθέσετε μια πρόσθετη πλαϊνή μπάρα στο ιστολόγιό σας. Αν και πολλά θέματα σας παρέχουν δύο ή περισσότερες πλευρικές γραμμές, ίσως θελήσετε να προσθέσετε μια πλευρική γραμμή στο υπάρχον θέμα σας. Χρησιμοποιώντας τη σελίδα Προσαρμογή του Tumblr, μπορείτε να επεξεργαστείτε τον κώδικα CSS για το θέμα σας και να κάνετε αλλαγές στην εμφάνισή του. Αντιγράψτε τον αρχικό κώδικα πλευρικής γραμμής του κειμένου σας, μετονομάστε και, στη συνέχεια, προσαρμόστε τα χαρακτηριστικά του CSS για να δημιουργήσετε μια δεύτερη πλευρική γραμμή.

Συνδεθείτε στον ιστότοπο Tumblr. Κάντε κλικ στο κουμπί "Προσαρμογή" στη δεξιά πλαϊνή γραμμή.

Κάντε κλικ στο σύνδεσμο "Επεξεργασία HTML" στην αριστερή πλαϊνή μπάρα για να ανοίξετε τον επεξεργαστή HTML του Tumblr.

Μετακινηθείτε προς τα κάτω και επισημάνετε τον κώδικα CSS της πλευρικής σας γραμμής, ο οποίος θα διαφέρει ανάλογα με το θέμα του ιστολογίου σας. Για παράδειγμα, εντοπίστε το "#side {" και, στη συνέχεια, επισημάνετε τον κώδικα μέχρι τη στεφάνη κλεισίματος. Το θέμα του ιστολογίου σας μπορεί να το ονομάσει κάτι άλλο, όπως #sidebar, #lefts ή #leftbar.

Πατήστε "Ctrl-C" για να αντιγράψετε τον κώδικα CSS της πλαϊνής γραμμής σας στο πρόχειρο σας. και, στη συνέχεια, πατήστε "Ctrl-V" για να επικολλήσετε ένα αντίγραφο αυτού ακριβώς από κάτω.

Μετονομάστε την επικολλημένη πλευρική γραμμή. Για παράδειγμα, αλλάξτε το "#side {" to "# side2 {" (παραλείποντας εισαγωγικά εδώ και σε ολόκληρο το κείμενο).

Αλλαγή των χαρακτηριστικών του κώδικα CSS της δευτερεύουσας γραμμής σας, έτσι ώστε να μην επικαλύπτεται η πρώτη πλευρική γραμμή. Για παράδειγμα, εάν ο πρώτος κώδικας της πλευρικής σας γραμμής περιλαμβάνει "αριστερά: 1050px". τότε θα θέλετε να μειώσετε ή να αυξήσετε αυτήν την τιμή έτσι ώστε οι πλευρικές ράβδοι να τοποθετηθούν δίπλα-δίπλα. Εισαγωγή "850px;" θα τοποθετούσε τη δεύτερη πλαϊνή σας μπάρα στα δεξιά της πρώτης σου. Μπορείτε επίσης να αλλάξετε το πλάτος και το ύψος της πλαϊνής γραμμής σας για να αποφύγετε την επικάλυψη.

Επικολλήστε τον ακόλουθο κώδικα σε μια νέα γραμμή κειμένου πριν κλείσετε το & lt; /body & gt; ετικέτα, αντικαθιστώντας το "2ο Όνομα Πλευρικής Γραμμής" σας με το όνομα της πλαϊνής γραμμής σας, όπως "side2":

& div

Πληκτρολογήστε οποιοδήποτε κείμενο και κώδικα HTML που θέλετε να προσθέσετε στη δεύτερη πλαϊνή σας μπάρα πριν από το & lt; /div & gt; "Για παράδειγμα, πληκτρολογήστε "& lt; big & gt; Εδώ είναι η δεύτερη πλευρική γραμμή & lt; /big & gt; για να προσθέσετε έναν μεγάλο τίτλο στη δεύτερη πλευρική σας μπάρα.

Κάντε κλικ στο κουμπί "Ενημέρωση προεπισκόπησης" στο επάνω μέρος της αριστερής πλευρικής γραμμής για να δείτε τις αλλαγές σας στο θέμα σας.

Κάντε κλικ στο κουμπί "Αποθήκευση" για να αποθηκεύσετε τις αλλαγές

Συμβουλές για το

Προεπισκόπηση του ιστολογίου σας πριν από την αποθήκευση των αλλαγών σας για να βεβαιωθείτε ότι εμφανίζεται σωστά.

Μπορείτε να ανακτήσετε παλιά θέματα χρησιμοποιώντας τη σελίδα Custom Tumblr Recover Custom Theme σύνδεσμος σε πόρους).

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

Προσέξτε όταν αλλάζετε τον κώδικα HTML του θέματος. Ο αλλοιωμένος κώδικας μπορεί να προκαλέσει λανθασμένη εμφάνιση στοιχείων.