Για να κεντράρετε μια εικόνα φόντου στο θέμα ιστολογίου Tumblr, επεξεργαστείτε μια απλή γραμμή κώδικα CSS στη σελίδα κώδικα HTML του θέματος του ιστολογίου. Εξετάστε το ενδεχόμενο να χρησιμοποιήσετε μια εικόνα φόντου που γεμίζει το χώρο στο παρασκήνιο χωρίς να επαναληφθεί ή «πλακάκια». Η λειτουργία εικόνας φόντου στο προεπιλεγμένο θέμα Tumblr Redux κεραμώνει εικόνες φόντου από προεπιλογή. Μπορείτε να απενεργοποιήσετε την τοποθέτηση πλακιδίων και να κεντράρετε την εικόνα φόντου με την επεξεργασία της ίδιας δήλωσης CSS. Σημειώστε ότι μπορείτε να κεντράρετε την εικόνα τόσο κάθετα όσο και οριζόντια.
Ανοίξτε το Tumblr και, στη συνέχεια, κάντε κλικ στο βέλος δίπλα στο όνομα του ιστολογίου σας για να δείτε μια λίστα με όλα τα ιστολόγιά σας. Κάντε κλικ στο ιστολόγιο για επεξεργασία στο αναδυόμενο παράθυρο διαλόγου. Για να επεξεργαστείτε το κύριο θέμα του ιστολογίου σας, μεταβείτε στο επόμενο βήμα.
Κάντε κλικ στην καρτέλα "Προσαρμογή" για να ανοίξετε το επιλεγμένο θέμα στη λειτουργία Επεξεργασία.
Κάντε κλικ στο εικονίδιο "Μεταφόρτωση" στην ενότητα Εικόνα φόντου του πίνακα Προσαρμογή και, στη συνέχεια, περιηγηθείτε και κάντε κλικ στην εικόνα φόντου. Κάντε κλικ στο "Άνοιγμα" για να ανεβάσετε την εικόνα.
Κάντε κλικ στο σύνδεσμο "Επεξεργασία HTML" για να ανοίξετε το πρόγραμμα επεξεργασίας θεμάτων.
Πατήστε "Ctrl-F" για να ανοίξετε το εργαλείο εύρεσης και αντικατάστασης. Πληκτρολογήστε "φόντο" χωρίς εισαγωγικά, στο πλαίσιο εισαγωγής. Κάντε κλικ στο κάτω βέλος για να βρείτε τις ακόλουθες γραμμές κώδικα:
body {background: {color: Background} url ('{image: Background}') πάνω αριστερά σταθερή επανάληψη;
Αλλάξτε τις τιμές ιδιότητας παρασκηνίου "Επάνω επανάληψη πάνω αριστερά" σε "κεντρικό κέντρο χωρίς επανάληψη". Η πρώτη εμφάνιση του «κέντρου» κεντράρει κάθετα την εικόνα. Η δεύτερη παρουσία οριζόντια κεντράρει την εικόνα. Μην ξεχνάτε το ερωτηματικό στο τέλος της δήλωσης.
Κάντε κλικ στο κουμπί "Ενημέρωση προεπισκόπησης" για να δείτε την εικόνα φόντου στο παράθυρο προεπισκόπησης.
Κάντε κλικ στο "Αποθήκευση" για να αποθηκεύσετε τις τροποποιήσεις κώδικα και, στη συνέχεια, κάντε κλικ στο εικονίδιο Έξοδος για να κλείσετε το πρόγραμμα επεξεργασίας και να επιστρέψετε στην κύρια σελίδα του ιστολογίου σας.
Συμβουλές
Μπορείτε να χρησιμοποιήσετε έναν κωδικό στενογραφίας για τη γραμμή "μη επαναλαμβανόμενο κέντρο κέντρο" εάν σκοπεύετε να κεντράρετε την εικόνα φόντου σας οριζόντια και κάθετα. Εάν παραλειφθεί μία τιμή "κέντρου", υπονοείται μια τιμή "κέντρου". Μπορείτε απλά να χρησιμοποιήσετε το «κέντρο χωρίς επανάληψη» για να κεντράρετε την εικόνα τόσο κάθετα όσο και οριζόντια.
Η γραμμή "μη επαναλαμβανόμενο κορυφαίο κέντρο" κεντράρει οριζόντια την εικόνα και ευθυγραμμίζει την εικόνα με την κορυφή της σελίδας.
