Πώς να κεντράρετε ένα φόντο στο Tumblr

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

Ανοίξτε το Tumblr και στη συνέχεια κάντε κλικ στο βέλος δίπλα στο όνομα του ιστολογίου σας για να δείτε μια λίστα με όλα τα ιστολόγιά σας. Κάντε κλικ στο ιστολόγιο για επεξεργασία στο αναδυόμενο παράθυρο διαλόγου. Για να επεξεργαστείτε το κύριο θέμα ιστολογίου, μεταβείτε στο επόμενο βήμα.

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

Κάντε κλικ στο εικονίδιο "Μεταφόρτωση" στην ενότητα Προσαρμογή, έπειτα περιηγηθείτε και κάντε κλικ στην εικόνα φόντου. " για να ανεβάσετε την εικόνα.

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

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

body {background: {color: Background} url ('{image: Background}') Τιμές ιστορικού ιδιοτήτων της "άνω αριστεράς σταθερής επανάληψης" στο "κεντρικό κέντρο χωρίς επανάληψη". Η πρώτη εμφάνιση του "center" κατακόρυφα συγκεντρώνει την εικόνα. Η δεύτερη εμφάνιση οριζόντια κεντράει την εικόνα. Μην ξεχνάτε το ερωτηματικό στο τέλος της δήλωσης.

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

Κάντε κλικ στην επιλογή "Αποθήκευση" για να αποθηκεύσετε τον κωδικό κάντε κλικ στο εικονίδιο Έξοδος για να κλείσετε τον επεξεργαστή και να επιστρέψετε στην κύρια σελίδα του ιστολογίου σας.

Συμβουλές

Μπορείτε να χρησιμοποιήσετε μια συντομογραφία κώδικα για τη γραμμή "no-repeat center center" εάν σκοπεύετε να κεντράρετε την εικόνα φόντου τόσο οριζόντια όσο και κατακόρυφα. Αν παραλειφθεί μια τιμή "κέντρο", υποδηλώνεται μια τιμή "center". Μπορείτε να χρησιμοποιήσετε απλά το "κέντρο χωρίς επανάληψη" για να κεντράρετε την εικόνα τόσο κάθετα όσο και οριζόντια.

Η γραμμή "no-repeat top center" οριζόντια κεντράει την εικόνα και ευθυγραμμίζει την εικόνα με το επάνω μέρος της σελίδας. br>