Da biste centrirali pozadinsku sliku u svojoj temi bloga Tumblr, uredite jedan jednostavni redak CSS koda na HTML kodnoj stranici teme bloga. Razmislite o upotrebi pozadinske slike koja ispunjava pozadinski prostor bez ponavljanja ili "polaganja pločica". Značajka pozadinske slike u zadanoj temi Tumblr Redux zadane je pločice za pozadinske slike. Uređivanjem istog CSS izraza možete onemogućiti postavljanje pločica i centrirati pozadinsku sliku. Imajte na umu da sliku možete centrirati okomito i vodoravno.
Otvorite Tumblr, a zatim kliknite strelicu pored imena vašeg bloga da biste vidjeli popis svih svojih blogova. U skočnom dijaloškom okviru kliknite blog za uređivanje. Da biste uredili svoju primarnu temu bloga, preskočite na sljedeći korak.
Kliknite karticu "Prilagodi" da biste otvorili odabranu temu u načinu uređivanja.
Kliknite ikonu "Prenesi" u odjeljku Pozadinska slika na ploči Prilagodba, a zatim pronađite i kliknite pozadinsku sliku. Kliknite "Otvori" da biste prenijeli sliku.
Kliknite vezu "Uredi HTML" da biste otvorili uređivač tema.
Pritisnite "Ctrl-F" da biste otvorili alat Pronađi i zamijeni. U okvir za unos upišite "background" bez navodnika. Kliknite strelicu prema dolje da biste pronašli sljedeće retke koda:
body {background: {color: Background} url ('{image: Background}') gore lijevo fiksno ponavljanje;
Promijenite vrijednosti svojstva Pozadina "gornji lijevi fiksni ponavljač" u "središnje središte bez ponavljanja". Prva instanca "središte" okomito centrira sliku. Druga instanca vodoravno centrira sliku. Ne zaboravite točku i zarez na kraju izjave.
Kliknite gumb "Ažuriraj pregled" da biste pogledali pozadinsku sliku u prozoru Preview.
Kliknite "Spremi" da biste spremili uređivanje koda, a zatim kliknite ikonu Izlaz da biste zatvorili uređivač i vratili se na glavnu stranicu svog bloga.
Savjeti
Možete koristiti skraćenicu koda za liniju "ne ponavljaj središnju sredinu" ako namjeravate centrirati svoju pozadinsku sliku vodoravno i okomito. Ako je jedna vrijednost "centra" izostavljena, podrazumijeva se vrijednost "centra". Jednostavno možete upotrijebiti "centar bez ponavljanja" za centriranje slike i okomito i vodoravno.
Redak "ne ponavljaj gornji centar" vodoravno centrira sliku i poravnava je s vrhom stranice.
