Таббер

Таббер (англ. tabber) — интерактивный элемент, предназначенный для распределения контента статьи между несколькими вкладками, что позволяет визуально сократить объём текста, а также сделать его более удобным для прочтения. По умолчанию данное расширение подключено на всех вики.

Описание

Таббер выглядит как небольшая область с вкладками, внутри которой находится текст. По умолчанию область элемента отделена небольшой границей. Стоит заметить, что поместить таббер внутри таббера можно, но это приведёт к некорректной работе элементов, поэтому так делать не рекомендуется; вместо этого можно воспользоваться табвью.

Добавление и редактирование

Для создания таббера нужно использовать одноимённый тег <tabber></tabber>, в котором содержимое добавляется следующим образом:

• Сначала указывается заголовок, а затем — содержимое вкладки;
• Вкладки отделяются друг от друга с помощью конструкции |-|.

Ниже приведён код, который создаёт таббер с тремя вкладками:

Код	Результат
<tabber> Раздел 1=Первый раздел |-|Раздел 2=Второй раздел |-|Раздел 3=Третий раздел </tabber>	Раздел 1 Раздел 2 Раздел 3 Первый раздел Второй раздел Третий раздел

Оформление

Изменить дизайн таббера можно с помощью редактирования CSS следующих классов:

/*** Основные классы Tabber ***/
.tabberlive {
	/* стиль контейнера */
}
ul.tabbernav {
	/* список вкладок */
}
.tabberlive .tabbertab {
	/* стиль содержимого вкладок */
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
	/* стиль отображаемого содержимого */
}
.tabberlive > .tabbernav > li > a {
	/* стиль закладок */
}
.tabberlive > .tabbernav > li > a:hover {
	/* закладка при наведении мыши */
}
.tabberlive > .tabbernav > li > a:active {
	/* закладка при щелчке мыши */
}
.tabberlive > .tabbernav > li.tabberactive > a {
	/* выбранная закладка */
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
	/* выбранная закладка при наведении мыши */
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
	/* выбранная закладка при щелчке мыши */
}

Интересные факты

• При необходимости более глубокого разделения можно воспользоваться табвью. Максимально допустимая комбинация элементов — таббер, содержащий табвью, страницы которого содержат таббер.