Προσθήκη επιπλέον στηλών & σειρών στο Tumblr

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

"Για να καθορίσετε ενότητες στο θέμα. Μπορείτε να προσθέσετε μια επιπλέον στήλη, όπως μια πλευρική γραμμή, στο θέμα σας χρησιμοποιώντας έναν συνδυασμό Cascading Style Sheets - ή CSS code - και HTML code. Ορίστε έναν πίνακα σε ένα από τα δικά σας

ενότητες και, στη συνέχεια, προσθέστε σειρές χρησιμοποιώντας το ετικέτες. Προσθέστε κελιά στις σειρές με ετικέτες.

Ορίστε μια στήλη πλευρικής γραμμής

Ανοίξτε τον πίνακα ελέγχου Tumblr και, στη συνέχεια, επιλέξτε το ιστολόγιο για τροποποίηση στον πίνακα ελέγχου.

Κάντε κλικ στην επιλογή "Προσαρμογή" και, στη συνέχεια, κάντε κλικ στην επιλογή "Επεξεργασία HTML" για να ανοίξετε το πρόγραμμα επεξεργασίας HTML.

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

.sidebar {θέση: σχετικός; αριστερά: 0px; κορυφή: 0px; }

Εισαγάγετε τον ακόλουθο κωδικό μεταξύ του "

"Και αντίστοιχο"

Ετικέτες στην κύρια ενότητα του κώδικα HTML όπου θέλετε να εμφανίζεται η στήλη. Αντικαταστήστε το κείμενο "(Εισαγάγετε το περιεχόμενό σας στο Sidebar εδώ)" με το δικό σας περιεχόμενο.

... (Εισαγάγετε το περιεχόμενο της πλευρικής σας γραμμής εδώ) ...

Κάντε κλικ στην επιλογή "Ενημέρωση προεπισκόπησης" και, στη συνέχεια, κάντε κλικ στην επιλογή "Αποθήκευση" για να αποθηκεύσετε τις αλλαγές σας. Κάντε κλικ στο «Έξοδος» για να κλείσετε το μενού Προσαρμογή.

Ορίστε έναν πίνακα με σειρές

Ανοίξτε τον κώδικα θέματος στο πρόγραμμα επεξεργασίας HTML Tumblr και, στη συνέχεια, εντοπίστε το

ετικέτα που θα χρησιμοποιήσετε για το τραπέζι σας. Δημιούργησε ένα νέο "

, Αν θέλετε.

Εισαγάγετε τον ακόλουθο κωδικό για να ορίσετε τον νέο πίνακα. Αντικαταστήστε το "Cell 1", το "Cell 2" κ.λπ. με το περιεχόμενό σας. Χρησιμοποιήστε στυλ CSS για να μορφοποιήσετε τον πίνακα, όπως θέλετε.

 Σειρά 1, κελί 1 Σειρά 1, κελί 2
 Σειρά 2, κελί 3 Σειρά 2, κελί 4

Συμβουλές

Τα περισσότερα θέματα Tumblr υποστηρίζουν τη λειτουργία Endless Scrolling, οπότε δεν χρειάζεται να προσθέσετε σειρές στο θέμα σας, εκτός εάν θέλετε να οργανώσετε τη διάταξη σε πίνακες.

Χρησιμοποιήστε στυλ CSS για να προσαρμόσετε την εμφάνιση και την αίσθηση των στηλών σας. Για παράδειγμα, για να ορίσετε το λευκό χρώμα ως φόντο, εισαγάγετε τη δήλωση "background: #ffffff;" στον κώδικα CSS.