Cum să centrați fundalul în tema Tumblr

Centralizarea imaginii de fundal în Tumblr

Pentru a centra o imagine de fundal în tema blogului dumneavoastră Tumblr, trebuie să modificați o singură linie CSS în pagina de editare a HTML-ului temei. Alegeți o imagine care să ocupe întreg spațiul de fundal fără a se repeta („tiling”). În tema implicită Tumblr Redux, imaginile de fundal se repetă în mod implicit, însă această opțiune poate fi dezactivată și imaginea poate fi centrată atât vertical, cât și orizontal.

Pasul 1 – Accesarea temei principale

Deschideți Tumblr, faceți clic pe săgeata de lângă numele blogului pentru a vizualiza lista de bloguri. Selectați blogul pe care doriți să-l editați și apăsați Customize pentru a intra în modul de editare a temei.

Pasul 2 – Încarcă imaginea de fundal

În panoul Customize, faceți clic pe pictograma Upload din secțiunea „Background Image”, selectați fișierul și apăsați Open.

Pasul 3 – Editarea codului HTML

Atingeți Edit HTML pentru a deschide editorul de temă. Folosiți combinația Ctrl+F pentru a deschide funcția de căutare. Tastați background (fără ghilimele) și căutați linia:

body { background: {color:Background} url('{image:Background}') top left fixed repeat; }

Modificați valoarea din top left fixed repeat în no-repeat center center. Prima apariție a center aliniază imaginea vertical, iar cea de-a doua center aliniază imaginea orizontal. Nu uitați să păstrați punctul și virgula la sfârșitul declarației.

Pasul 4 – Salvare și vizualizare

Apăsați Update Preview pentru a vedea modificările. Dacă totul arată corect, salvați prin Save și închideți editorul.

Sugestii utile

Dacă doriți să centrați imaginea atât vertical, cât și orizontal, puteți folosi scurtătura CSS no-repeat center – se înțelege că lipsesc valorile suplimentare de poziționare. Pentru a alinia imaginea la marginea superioară și să o centrați orizontal, utilizați no-repeat top center.