Jak přidat další sloupce a řádky do tématu Tumblr

Úprava tématu Tumblr je možná přímo v HTML editoru. Témata používají značku <div> pro rozdělení sekcí. Pomocí kombinace CSS a HTML můžete přidat např. postranní panel (sidebar) nebo tabulku s řádky a buňkami.

Definice postranního sloupce

1. Otevřete si řídicí panel Tumblr a vyberte blog, který chcete upravit.
2. Klikněte na Customize a poté na Edit HTML pro otevření editoru.

Do sekce <style type="text/css"> … </style> vložte základní CSS pro postranní panel:

.sidebar { position: relative; left: 0; top: 0; }

V těle HTML (mezi <div id="wrapper"> a odpovídajícím </div>) přidejte:

<div class="sidebar">
    … (Vložte sem obsah postranního panelu) …
</div>

Po úpravách klikněte na Update Preview a následně na Save. Poté zavřete menu kliknutím na Exit.

Vytvoření tabulky s řádky

1. V editoru najděte <div>, kde chcete tabulku umístit, nebo vytvořte nový <div>.
2. Vložte následující HTML kód tabulky (nahraďte texty vlastním obsahem):

<table>
    <tr>
        <td>Buňka 1</td>
        <td>Buňka 2</td>
    </tr>
    <tr>
        <td>Buňka 3</td>
        <td>Buňka 4</td>
    </tr>
</table>

Styly tabulky můžete upravit v CSS sekci podle potřeby (např. šířka, okraje, barvy).

Po dokončení klikněte na Update Preview a Save, pak Exit.

Tipy

• Většina Tumblr témat podporuje nekonečné posouvání, takže přidávat řádky není nutné, pokud nepotřebujete pevnou mřížku.
• Pro úpravu vzhledu sloupců použijte CSS – např. pro bílý pozadí přidejte background: #ffffff;.