Če želite sliko v ozadju centrirati v temi spletnega dnevnika Tumblr, uredite eno preprosto vrstico kode CSS na kodni strani teme bloga. Razmislite o uporabi slike za ozadje, ki zapolni prostor v ozadju, ne da bi se ponavljala ali "polagala ploščice". Funkcija slike ozadja v privzeti temi Tumblr Redux privzeto obloži slike ozadja. Polaganje ploščic in osrednjo sliko ozadja lahko onemogočite z urejanjem istega stavka CSS. Upoštevajte, da lahko sliko centrirate tako navpično kot vodoravno.
Odprite Tumblr in kliknite puščico poleg imena spletnega dnevnika, da si ogledate seznam vseh svojih spletnih dnevnikov. V pojavnem pogovornem oknu kliknite spletni dnevnik, ki ga želite urediti. Če želite urediti svojo glavno temo spletnega dnevnika, preskočite na naslednji korak.
Kliknite zavihek »Prilagodi«, da odprete izbrano temo v načinu urejanja.
V razdelku Ozadje slike na plošči Prilagajanje kliknite ikono »Naloži«, nato poiščite sliko za ozadje in jo kliknite. Kliknite »Odpri«, da naložite sliko.
Kliknite povezavo »Uredi HTML«, da odprete urejevalnik tem.
Pritisnite “Ctrl-F”, da odprete orodje za iskanje in zamenjavo. V polje za vnos vnesite »ozadje« brez narekovajev. Kliknite puščico dol in poiščite naslednje vrstice kode:
body {background: {color: Background} url ('{image: Background}') zgoraj levo fiksno ponavljanje;
Spremenite vrednosti lastnosti ozadja za »zgoraj levo fiksno ponavljanje« v »sredina brez ponovitve«. Prvi primer »center« navpično centrira sliko. Drugi primer vodoravno centrira sliko. Ne pozabite na podpičje na koncu izjave.
Kliknite gumb »Posodobi predogled«, da si v oknu za predogled ogledate sliko ozadja.
Kliknite »Shrani«, da shranite spremembe kode, nato kliknite ikono Izhod, da zaprete urejevalnik in se vrnete na glavno stran svojega spletnega dnevnika.
Nasveti
Če želite osrednjo sliko osredotočiti tako vodoravno kot navpično, lahko uporabite kratico kode za vrstico »brez ponovitve sredinske središčne črte«. Če je ena vrednost »center« izpuščena, se navaja vrednost »center«. Za centriranje slike tako navpično kot vodoravno lahko preprosto uporabite "center brez ponovitve".
Vrstica »brez ponovitve zgoraj na sredini« vodoravno centrira sliko in jo poravna z vrhom strani.
