Jak vycentrovat pozadí na Tumblr

Chcete-li vycentrovat obrázek na pozadí v motivu blogu v aplikaci Tumblr, upravte na stránce HTML kódu HTML jeden jednoduchý řádek kódu CSS. Zvažte použití obrázku na pozadí, který vyplní prostor na pozadí, aniž by se opakoval, nebo „obkládání“. Ve výchozím nastavení je obrázek pozadí ve výchozím motivu Tumblr Redux umístěn na pozadí. Obložení a vycentrování obrázku na pozadí můžete zakázat úpravou stejného příkazu CSS. Obrázek můžete vycentrovat svisle i vodorovně.

Otevřete nástroj Tumblr a poté klikněte na šipku vedle názvu blogu a zobrazí se seznam všech vašich blogů. V rozbalovacím dialogovém okně klikněte na blog, který chcete upravit. Chcete-li upravit téma primárního blogu, přejděte na další krok.

Kliknutím na kartu „Přizpůsobit“ otevřete vybraný motiv v režimu úprav.

Klikněte na ikonu „Nahrát“ na obrázku na pozadí v panelu Přizpůsobit, vyhledejte a klepněte na obrázek na pozadí. Kliknutím na tlačítko „Otevřít“ obrázek nahrajete.

Kliknutím na odkaz „Upravit HTML“ otevřete editor motivu.

Stisknutím klávesy „Ctrl-F“ otevřete nástroj Najít a nahradit. Do vstupního pole zadejte „pozadí“ bez uvozovek. Klikněte na šipku dolů a vyhledejte následující řádky kódu:

tělo {background: {color: Background} url ('{image: Background}') nahoru vlevo pevná opakovat;

Změnit Hodnoty vlastností pozadí „horního levého opakovaného opakování“ do „střediska bez opakování“. První instance „středu“ svisle vycentruje obraz. Druhá instance horizontálně vycentruje obraz. Nezapomeňte na středník na konci výpisu.

Kliknutím na tlačítko „Aktualizovat náhled“ zobrazíte obrázek pozadí v okně Náhled.

Kliknutím na tlačítko Uložit uložte kód úpravy, pak klikněte na ikonu Konec a zavřete editor a vraťte se na hlavní stránku svého blogu.

Tipy

Pro řádek centra „bez opakování středu“ můžete použít zkratku kódu chcete-li umístit obrázek na pozadí vodorovně i svisle. Vynechá-li se jedna „středová“ hodnota, je implikována hodnota „středu“. Pro vycentrování obrázku můžete použít střed „no-repeat center“.

Řádek „no-repeat top center“ vodorovně vycentruje obraz a zarovná obrázek s horní částí stránky. br>
URL:https://cs.whycomputer.com/Software/100119123.html