2019-06-05 12:21:14
Kategorie

Přidání dalších sloupců a řádků do Tumblr

Svůj motiv Tumblr můžete upravit libovolným způsobem pomocí editoru HTML Tumblr. Témata Tumblr používají „

”K určení sekcí v motivu. Do svého motivu můžete přidat další sloupec, například postranní panel, pomocí kombinace kaskádových stylů - nebo kódu CSS - a kódu HTML. Definujte tabulku v jedné ze svých
sekce, pak přidejte řádky pomocí značky. Přidejte buňky do řádků pomocí značky.

Definujte sloupek postranního panelu

Otevřete řídicí panel Tumblr a poté na blogu vyberte blog, který chcete upravit.

Klikněte na „Přizpůsobit“ a poté na „Upravit HTML“. Otevře se editor HTML.

Definujte sloupec vložením následujícího kódu mezi "”Značky v sekci CSS kódu motivu. Postranní panel můžete podle potřeby upravit, ale níže uvedený kód poskytuje základní konstrukci pro sloupec:

.sidebar {pozice: relativní; vlevo: 0px; nahoře: 0px; }

Vložte následující kód mezi „

„A odpovídající„
”Značky v části těla kódu HTML, kde se má sloupec zobrazit. Nahraďte text „(Sem vložte obsah postranního panelu)“ svým vlastním obsahem.

... (Sem vložte obsah postranního panelu) ...

Klikněte na „Aktualizovat náhled“ a poté klikněte na „Uložit“ pro uložení změn. Kliknutím na „Konec“ zavřete nabídku Přizpůsobit.

Definujte tabulku s řádky

Otevřete kód motivu v editoru HTML Tumblr a vyhledejte

tag, který použijete pro svůj stůl. Vytvoř nový "
”Sekce, je-li to požadováno.

Vložte následující kód k definování nové tabulky. Nahraďte „Buňka 1“, „Buňka 2“ atd. Svým obsahem. Pomocí stylů CSS naformátujte tabulku podle potřeby.

Řádek 1, buňka 1Řádek 1, buňka 2
Řádek 2, buňka 3Řádek 2, buňka 4

Klikněte na „Aktualizovat náhled“ a poté klikněte na „Uložit“ pro uložení změn. Kliknutím na „Konec“ zavřete nabídku Přizpůsobit.

Tipy

Většina motivů Tumblr podporuje funkci Nekonečné posouvání, takže není potřeba přidávat řádky k vašemu motivu, pokud nechcete uspořádat rozložení v tabulkách.

Pomocí stylů CSS můžete přizpůsobit vzhled a vzhled svých sloupců. Chcete-li například přiřadit bílou barvu jako pozadí, vložte příkaz „background: #ffffff;“ do kódu CSS.