Per centrare un'immagine di sfondo nel tema del tuo blog Tumblr, modifica una semplice riga di codice CSS nella pagina di codice HTML del tema del blog. Prendi in considerazione l'utilizzo di un'immagine di sfondo che riempia lo spazio di sfondo senza ripetere o "affiancare". La funzionalità dell'immagine di sfondo nel tema predefinito di Tumblr Redux affianca le immagini di sfondo per impostazione predefinita. Puoi disabilitare la piastrellatura e centrare l'immagine di sfondo modificando la stessa istruzione CSS. Nota che puoi centrare l'immagine sia verticalmente che orizzontalmente.
Apri Tumblr, quindi fai clic sulla freccia accanto al nome del tuo blog per visualizzare un elenco di tutti i tuoi blog. Fare clic sul blog da modificare nella finestra di dialogo a comparsa. Per modificare il tema del tuo blog principale, vai al passaggio successivo.
Fare clic sulla scheda "Personalizza" per aprire il tema selezionato in modalità Modifica.
Fare clic sull'icona "Carica" nella sezione Immagine di sfondo del pannello Personalizza, quindi cercare e fare clic sull'immagine di sfondo. Fare clic su "Apri" per caricare l'immagine.
Fare clic sul collegamento "Modifica HTML" per aprire l'editor del tema.
Premi "Ctrl-F" per aprire lo strumento Trova e sostituisci. Digita "sfondo", senza virgolette, nella casella di input. Fare clic sulla freccia giù per trovare le seguenti righe di codice:
body { background: {color:Background} url('{image:Background}') ripetizione fissa in alto a sinistra;
Modificare i valori della proprietà Sfondo di "ripetizione fissa in alto a sinistra" in "centro centrale senza ripetizione". La prima istanza di "center" centra verticalmente l'immagine. La seconda istanza centra l'immagine orizzontalmente. Non dimenticare il punto e virgola alla fine dell'affermazione.
Fare clic sul pulsante "Aggiorna anteprima" per visualizzare l'immagine di sfondo nella finestra di anteprima.
Fai clic su "Salva" per salvare le modifiche al codice, quindi fai clic sull'icona Esci per chiudere l'editor e tornare alla pagina principale del tuo blog.
Suggerimenti
Puoi usare una scorciatoia di codice per la linea "centro centro senza ripetizione" se intendi centrare l'immagine di sfondo sia orizzontalmente che verticalmente. Se un valore "center" viene omesso, è implicito un valore "center". Puoi semplicemente usare "no-repeat center" per centrare l'immagine sia verticalmente che orizzontalmente.
La linea "no-repeat top center" centra orizzontalmente l'immagine e allinea l'immagine con la parte superiore della pagina.
