Как да добавим допълнителни колони и редове в Tumblr

Тема на Tumblr можете да променяте по желание, като използвате вграденото HTML‑редакторче. Темите се изграждат с елементи <div>, където се дефинират различни секции. С помощта на CSS и HTML можете да добавите нова колона (например странична лента) и таблици с редове и клетки.

Създаване на странична колона

1. Влезте в таблото на Tumblr и изберете блога, който желаете да редактирате.

2. Натиснете „Customize“, след това „Edit HTML“, за да отворите HTML‑редактора.

3. В CSS‑частта на кода (между <style type="text/css"> и </style>) добавете базовия стил за колоната:

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

4. В тялото на HTML‑кода (между <div id="wrapper"> и съответния </div>) поставете елемента, където желаете колоната да се появи, и заменете текста „(Insert Your Sidebar Content Here)“ със собственото си съдържание:

<div class="sidebar"> ... (Вашето съдържание тук) ... </div>

5. Натиснете „Update Preview“, после „Save“ и затворете менюто „Customize“.

Създаване на таблица с редове

1. Отворете темата в HTML‑редактора и намерете <div>, в който желаете да поставите таблицата. При нужда създайте нова <div> секция.

2. Вмъкнете следния код, като замените „Cell 1“, „Cell 2“ и т.н. със собственото си съдържание. Таблицата може да се стилизира чрез CSS според вашите предпочитания:

<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
</table>

3. Натиснете „Update Preview“, после „Save“ и затворете менюто „Customize“.

Съвети

• Повечето теми в Tumblr поддържат безкрайно превъртане, така че добавянето на редове е необходимо само ако искате да подредите съдържанието в таблица.
• Използвайте CSS, за да персонализирате външния вид на колоните и таблиците. Например, за бял фон добавете background: #ffffff; към съответния селектор.