Urok1

КАРМА

Бесплатный практикум
по графическому и веб-дизайну

СТАРТ

карма.старт

смотри уроки

изучай материалы

выполняй задания

Создай кнопки табов. Каждой кнопке задай класс tf_tab-button. Если хочешь явно связать кнопку с конкретной панелью, используй вариант с id, например tf_tabs-button-1.
Создай панели с контентом. Каждая панель должна быть отдельной группой типа Object, и каждой панели задай класс tf_tabs-panel. Для явной связки с кнопкой используй такой же id, например tf_tabs-panel-1. Если id не заданы, структура будет собираться по порядку кнопок и панелей внутри блока автоматически.
Количество кнопок tf_tabs-button и панелей tf_tabs-panel должно совпадать.
Объедини кнопки и панели в один общий контейнер типа Object и задай ему класс tf_tabs. Да, кнопки табов и панели должны быть в одной группе.
Если нужны кнопки назад и вперед, задай им классы tf_tabs-prev и tf_tabs-next.
Если нужен нумератор, используй tf_tabs-current для текущего номера и tf_tabs-total для общего количества.
Если в одном Zero Block несколько блоков табов, используй отдельные id у корневых контейнеров и управляющих элементов: tf_tabs-1, tf_tabs-prev-1, tf_tabs-next-1, tf_tabs-current-1, tf_tabs-total-1.
Используй панель Tildify Elements для настройки свойств табов. Для этого выдели элементы табов или конфиг табов (блок Скрипт табов), панель управления появится справа на панели настроек Zero Block.

Скрипт табов

id:

Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить

Для настройки табов перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент табов, кнопка настроек появится на панели инструментов справа.