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