For at centrere et baggrundsbillede i dit Tumblr-blogtema skal du redigere en simpel linje med CSS-kode på blogtemaets HTML-kodeside. Overvej at bruge et baggrundsbillede, der fylder baggrundsområdet uden at gentage det eller "fliselægge". Baggrundsbilledfunktionen i standard Tumblr Redux-temaet fliser baggrundsbilleder som standard. Du kan deaktivere flisebelægning og centrere baggrundsbilledet ved at redigere den samme CSS-sætning. Bemærk, at du kan centrere billedet både lodret og vandret.
Åbn Tumblr, og klik derefter på pilen ved siden af dit blognavn for at få vist en liste over alle dine blogs. Klik på bloggen for at redigere i pop op-dialogboksen. Gå til næste trin for at redigere dit primære blogtema.
Klik på fanen "Tilpas" for at åbne det valgte tema i redigeringstilstand.
Klik på ikonet "Upload" i sektionen Baggrundsbillede i panelet Tilpas, og bliv derefter til og klik på baggrundsbilledet. Klik på "Åbn" for at uploade billedet.
Klik på linket "Rediger HTML" for at åbne temaeditoren.
Tryk på "Ctrl-F" for at åbne værktøjet Find og erstat. Skriv "baggrund" uden citater i indtastningsfeltet. Klik på pil ned for at finde følgende linjer med kode:
body {background: {color: Background} url ('{image: Background}') øverst til venstre fast gentagelse;
Skift værdierne for baggrundsegenskaber for "øverste venstre faste gentagelse" til "ikke-gentag centercenter". Den første forekomst af "center" centrerer billedet lodret. Den anden instans centrerer billedet vandret. Glem ikke semikolonet i slutningen af udsagnet.
Klik på knappen "Opdater eksempelvisning" for at se baggrundsbilledet i eksempelvinduet.
Klik på "Gem" for at gemme kodedigeringerne, og klik derefter på ikonet Afslut for at lukke editoren og vende tilbage til hovedsiden på din blog.
Tips
Du kan bruge en kode stenografi til linjen "center-gentagelse ikke gentages", hvis du agter at centrere dit baggrundsbillede både vandret og lodret. Hvis en "center" -værdi udelades, antydes en værdi af "center". Du kan simpelthen bruge "no-repeat center" til at centrere billedet både lodret og vandret.
Linjen "ikke-gentag øverste center" centrerer billedet vandret og justerer billedet med toppen af siden.
