Jak dodać dodatkowe kolumny i wiersze w motywie Tumblr

Wprowadzenie

Motywy Tumblr można dowolnie modyfikować w edytorze HTML. Najczęściej używa się elementu <div> do wyznaczania sekcji. Dzięki połączeniu CSS i HTML możesz dodać dodatkową kolumnę – na przykład pasek boczny – oraz tabelę z wierszami i komórkami.

Tworzenie kolumny bocznej

1. Wejdź na pulpit Tumblr i wybierz blog, który chcesz edytować.
2. Kliknij Customize, a następnie Edit HTML, aby otworzyć edytor.

W sekcji <style type="text/css"> … </style> wklej podstawowy kod CSS definiujący kolumnę:

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

W miejscu, w którym ma się pojawić pasek boczny, wstaw następujący znacznik HTML (między <div id="wrapper"> a jego zamknięciem):

<div class="sidebar">
    … Twój kod paska bocznego …
</div>

Zamień tekst „… Twój kod paska bocznego …” na własną zawartość, kliknij Update Preview, Save i zamknij menu Customize.

Dodawanie tabeli z wierszami

1. W edytorze HTML znajdź istniejący <div>, w którym chcesz umieścić tabelę, lub utwórz nową sekcję <div>.

Wstaw poniższy kod HTML. Zamień teksty „Komórka 1”, „Komórka 2” itp. na własne treści. Stylizację tabeli wykonaj w sekcji CSS.

<table class="my-table">
    <tr>
        <td>Komórka 1</td>
        <td>Komórka 2</td>
    </tr>
    <tr>
        <td>Komórka 3</td>
        <td>Komórka 4</td>
    </tr>
</table>

Po wprowadzeniu zmian kliknij Update Preview, Save i zamknij Customize.

Wskazówki

• Wiele motywów Tumblr obsługuje nieskończone przewijanie, więc tabele są potrzebne tylko wtedy, gdy chcesz wymusić określony układ.
• Używaj stylów CSS, aby dopasować wygląd kolumn i tabel. Przykład: background:#ffffff; ustawi biały kolor tła.