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

Можете да редактирате вашата Tumblr тема по всякакъв начин, който бихте искали да използвате редактор Tumblr HTML. Темите на Tumblr използват тага „& lt; div & gt;“, за да зададат раздели в темата. Можете да добавите допълнителна колона, например странична лента, към вашата тема, като използвате комбинация от каскадни таблици със стилове - или CSS код - и HTML код. Определете таблица в едно от вашите & lt; div & gt; след това добавете редове с помощта на & lt; tr & gt; тагове. Добавете клетки към редовете с & lt; td & gt;

Определете колона на страничната лента

Отворете таблото си за Tumblr, след което изберете блога, който да промените в таблото си за управление.

Кликнете върху „Персонализиране“, след това кликнете върху „Редактиране на HTML“, за да отворите редактора на HTML.

Определете колоната, като въведете следния код между "& lt; style type =" text /css "& gt;" и „& lt; /style & gt;” маркери в секцията CSS на кода на темата. Можете да стилизирате страничната лента по желание, но кодът по-долу предоставя основната конструкция на колоната:

.sidebar {position: relative; наляво: 0px; отгоре: 0px; }

Поставете следния код между „& lt; div id =" wrapper "& gt;" и съответните маркери „& lt; /div & gt;“ в секцията „тяло“ на HTML кода, където искате да се показва колоната , Заменете текста „(Вмъкнете съдържанието на страничната лента тук)“ със собствено съдържание.

& lt; div class = "sidebar" & gt; ... (Вмъкнете съдържанието на страничната лента тук) ... & lt; /div & gt;

Кликнете върху „Актуализиране на прегледа“, след което кликнете върху „Запазване“, за да запишете промените. Кликнете върху „Изход“, за да затворите менюто „Персонализиране“.

Дефиниране на таблица с редове

Отворете кода на темата в редактора Tumblr HTML, след което намерете & lt; div & gt; таг, който ще използвате за вашата маса. Създайте нова секция „& lt; div & gt;“, ако желаете.

Поставете следния код, за да определите новата таблица. Заменете „Cell 1“, „Cell 2“ и т.н. със съдържанието си. Използвайте CSS стилове, за да форматирате таблицата по желание.

Щракнете върху "Update Preview", след което натиснете "Save", за да запишете промените. Кликнете върху "Изход", за да затворите менюто "Персонализиране".

Съвети

Повечето теми в Tumblr поддържат функцията за безкрайно превъртане, така че няма нужда да добавяте редове към темата, освен ако не искате да организирате оформлението

Използвайте CSS стилове, за да персонализирате облика на колоните. Например, за да присвоите белия цвят като фон, поставете израза "background: #ffffff;" в CSS кода.

URL:https://bg.whycomputer.com/Internet/100219125.html