Jak vycentrovat pozadí na Tumblr

Jak nastavit a vycentrovat obrázek na pozadí v Tumblr

Pro vycentrování obrázku na pozadí ve vašem motivu na Tumblr stačí upravit jediný řádek CSS v HTML kódu motivu. Doporučujeme použít obrázek, který pokryje celý prostor a nebude se opakovat (ne‑tile). Výchozí motiv Redux v Tumblr standardně obrázky na pozadí opakuje. Tuto funkci můžete vypnout a obrázek zároveň vycentrovat – horizontálně i vertikálně – úpravou stejného CSS řádku.

Kde najít nastavení motivu

1. Přihlaste se na Tumblr, klikněte na šipku vedle názvu blogu a v zobrazeném seznamu vyberte blog, který chcete upravit. (U primárního blogu můžete krok přeskočit.)

2. V horní liště klikněte na Customize (Přizpůsobit) a otevře se editor motivu.

3. V sekci Background Image (Obrázek na pozadí) klikněte na ikonu Upload a vyberte soubor, který chcete použít. Potvrďte tlačítkem Open.

4. Klikněte na odkaz Edit HTML a otevře se editor HTML kódu motivu.

Úprava CSS

5. Stiskněte Ctrl + F a vyhledejte slovo background. Najděte řádek podobný tomuto:

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

6. Nahraďte část top left fixed repeat řetězcem no-repeat center center. První center vycentruje obrázek vertikálně, druhý horizontálně. Nezapomeňte na středník na konci řádku.

7. Klikněte na Update Preview a ověřte, že se obrázek zobrazil podle očekávání.

8. Po úspěšném náhledu stiskněte Save a poté Exit, čímž se vrátíte na hlavní stránku blogu.

Rychlé tipy

• Pro souhrnný zápis můžete použít pouze no-repeat center – pokud chybí druhá hodnota center, je automaticky předpokládána.
• Řetězec no-repeat top center umístí obrázek vodorovně do středu a svisle zarovná k hornímu okraji stránky.