Chcete-li vycentrovat obrázek na pozadí v motivu blogu Tumblr, upravte jeden jednoduchý řádek kódu CSS na stránce kódu HTML motivu blogu. Zvažte použití obrázku na pozadí, který vyplní prostor na pozadí bez opakování nebo „obkládání“. Funkce obrázku na pozadí ve výchozích obrázcích pozadí Tumblr Redux dlaždice ve výchozím nastavení. Můžete zakázat obklady a vycentrovat obrázek na pozadí úpravou stejného příkazu CSS. Všimněte si, že obraz můžete vycentrovat svisle i vodorovně.
Otevřete Tumblr a kliknutím na šipku vedle názvu svého blogu zobrazte seznam všech vašich blogů. V rozbalovacím dialogovém okně klikněte na blog, který chcete upravit. Chcete-li upravit primární téma blogu, přejděte k dalšímu kroku.
Kliknutím na kartu „Přizpůsobit“ otevřete vybrané téma v režimu úprav.
Klikněte na ikonu „Nahrát“ v části Obrázek na pozadí panelu Přizpůsobit, poté přejděte a klikněte na obrázek na pozadí. Kliknutím na „Otevřít“ obrázek nahrajete.
Kliknutím na odkaz „Upravit HTML“ otevřete editor motivů.
Stisknutím klávesy „Ctrl-F“ otevřete nástroj Najít a nahradit. Do vstupního pole zadejte „pozadí“ bez uvozovek. Kliknutím na šipku dolů vyhledejte následující řádky kódu:
body {background: {color: Background} url ('{image: Background}') vlevo nahoře opraveno opakování;
Změňte hodnoty vlastnosti Pozadí „vlevo nahoře pevné opakování“ na „žádné opakování uprostřed“. První instance „středu“ vertikálně vycentruje obraz. Druhá instance vodorovně vycentruje obraz. Nezapomeňte na středník na konci prohlášení.
Kliknutím na tlačítko „Aktualizovat náhled“ zobrazíte obrázek pozadí v okně náhledu.
Kliknutím na „Uložit“ uložíte úpravy kódu, poté kliknutím na ikonu Konec zavřete editor a vrátíte se na hlavní stránku svého blogu.
Tipy
Můžete použít zkratku kódu pro čáru „neopakovat střed uprostřed“, pokud chcete vycentrovat obrázek na pozadí vodorovně i svisle. Pokud je vynechána jedna „středová“ hodnota, je implikována hodnota „střed“. Chcete-li obrázek vycentrovat vertikálně i horizontálně, můžete jednoduše použít „střed bez opakování“.
Řádek „neopakovat horní střed“ vodorovně vycentruje obrázek a zarovná obrázek s horním okrajem stránky.
