Ako vycentrovať pozadie na Tumblr

Ak chcete vycentrovať obrázok na pozadí v téme blogu Tumblr, upravte jeden jednoduchý riadok kódu CSS na kódovej stránke HTML motívu blogu. Zvážte použitie obrázka na pozadí, ktorý vypĺňa priestor na pozadí bez opakovania alebo „obkladania“. Funkcia obrázka na pozadí v predvolenej téme Tumblr Redux predvolene ukladá obrázky na pozadí. Dlaždice môžete vypnúť a centrovať na pozadí úpravou rovnakého príkazu CSS. Všimnite si, že obrázok môžete vycentrovať vertikálne aj horizontálne.

Otvorte aplikáciu Tumblr a kliknutím na šípku vedľa názvu blogu zobrazte zoznam všetkých svojich blogov. V dialógovom okne kliknite na blog, ktorý chcete upraviť. Ak chcete upraviť svoju hlavnú tému blogu, prejdite na ďalší krok.

Kliknutím na kartu Prispôsobiť otvorte vybratú tému v režime úprav.

Kliknite na ikonu „Odovzdať“ na obrázku na pozadí. sekcii panela Prispôsobiť, potom prejdite na obrázok pozadia a kliknite naň. Kliknutím na „Otvoriť“ odovzdáte obrázok.

Kliknutím na odkaz „Upraviť HTML“ otvoríte editor tém.

Stlačením „Ctrl-F“ otvoríte nástroj Nájsť a nahradiť. Do vstupného poľa zadajte text „background“ (bez úvodzoviek). Kliknutím na šípku nadol nájdete nasledujúce riadky kódu:

telo {background: {color: Background} url ('{image: Background}') vľavo hore pevné opakovanie;

Zmeňte Hodnoty vlastností pozadia „horná ľavá pevná repetícia“ na „bez opakovania stredového stredu“. Prvá inštancia „stredu“ vertikálne centruje obrázok. Druhá inštancia vodorovne vycentruje obrázok. Na konci príkazu nezabudnite na bodkočiarku.

Kliknutím na tlačidlo „Aktualizovať ukážku“ zobrazíte obrázok na pozadí v okne Náhľad.

Kód uložíte kliknutím na tlačidlo „Uložiť“. úprav, potom kliknutím na ikonu Ukončiť zatvorte editor a vrátite sa na hlavnú stránku svojho blogu.

Tipy

Môžete použiť skratku kódu pre riadok „stredový stred bez opakovania“. ak máte v úmysle vycentrovať obrázok na pozadí horizontálne aj vertikálne. Ak sa vynechá jedna „stredná“ hodnota, predpokladá sa hodnota „stred“. Jednoducho môžete použiť „stred bez opakovania“ na vycentrovanie obrazu vo zvislom aj vodorovnom smere.

Riadok „bez opakovania horného stredu“ vodorovne vycentruje obrázok a zarovná obrázok s hornou časťou stránky. br>

• Predchádzajúca strana: Pridanie profilových obrázkov do motívu blogu Tumblr Blog
• Ďalšia strana: Na Instagrame môžete zablokovať niekoho, kto vás zablokoval?