Přidání extra sloupců a řádků do Tumblr

Téma Tumblr můžete upravovat jakýmkoli způsobem pomocí editoru Tumblr HTML. Témata Tumblr používají značku „& lt; div & gt;“ k určení částí v motivu. K tématu 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 jednom z & lt; div & gt; pak přidejte řádky pomocí & lt; tr & gt; tagy. Přidejte buňky do řádků pomocí příkazu & lt; td & gt;

Definice sloupce postranního panelu

Otevřete svůj řídicí panel Tumblr a poté vyberte na svém ovládacím panelu blog, který chcete upravit.

Klikněte na položku Přizpůsobit. otevřete editor HTML kliknutím na tlačítko „Upravit HTML“.

Definujte sloupec vložením následujícího kódu mezi „& lt; style type =" text /css "& gt;" a značky „& lt; /style & gt;“ v části CSS kódu tématu. Postranní panel můžete podle potřeby upravit, ale níže uvedený kód poskytuje základní konstrukci sloupce:

.sidebar {position: relativní; vlevo: 0px; nahoru: 0px; }

Vložte následující kód mezi „& lt; div id =" wrapper „& gt;" a odpovídající značky „& lt; /div & gt;“ v části těla kódu HTML, kde chcete, aby se sloupec zobrazoval . Nahraďte text „(Sem vložte obsah bočního panelu)“ vlastním obsahem.

& lt; div class = "sidebar" & gt; ... (Sem vložte obsah postranního panelu) ... & lt; /div & gt;

Klikněte na tlačítko „Aktualizovat náhled“ a poté uložte změny kliknutím na tlačítko „Uložit“. Kliknutím na tlačítko Exit (Ukončit) zavřete nabídku Customize (Přizpůsobit).

Definujte tabulku s řádky

Otevřete kód motivu v editoru HTML Tumblr a vyhledejte adresář & lt; div & gt; tag, který použijete pro svůj stůl. Pokud chcete, vytvořte novou sekci „& lt; div & gt;“.

Chcete-li definovat novou tabulku, vložte následující kód. Nahraďte „Cell 1“, „Cell 2“ atd. Svým obsahem. Použijte styly CSS pro formátování tabulky podle potřeby.

Klepněte na tlačítko „Update Preview“ (Aktualizovat náhled) a poté kliknutím na tlačítko „Save“ (Uložit) uložte změny. Kliknutím na tlačítko “Exit” (Ukončit) zavřete nabídku Customize (Přizpůsobit).

Tipy

Většina motivů Tumblr podporuje funkci nekonečného rolování, takže není třeba přidávat řádky do motivu, pokud nechcete uspořádat rozvržení. v tabulkách.

Pomocí stylů CSS můžete přizpůsobit vzhled a dojem svých sloupců. Například pro přiřazení bílé barvy jako pozadí vložte příkaz "background: #ffffff;" do CSS kódu
URL:https://cs.whycomputer.com/Internet/100119125.html