- Это расширение подключено на ФЭНДОМЕ по умолчанию.
Табуляция — это возможность создавать на странице вкладки. Для этого используется тег <tabber>
.
Тег <tabber>
С помощью тега tabber
можно создавать вкладки со свободным содержимым.
Внутри кода используется формат: Заголовок=Текст
Вкладки разделяются с помощью: «|-|
»
- Пример
<tabber> Сериал = 1 серия, 2 сезона |-| Ссылки = [http://www.google.com Google]<br/>[http://www.cnn.com CNN]<br/> |-| Обсудить = Обсуждение </tabber>
В результате вы получите:
Вы можете добавить на вкладки любой контент, включая шаблоны и изображения.
- Заголовки верхнего уровня
Заголовки H2 и H3 отключены в этом теге. Вы можете включить их, добавив на страницу MediaWiki:Wikia.css следующий код:
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }
Табуляция в шаблонах
Вы можете использовать табуляцию в шаблонах с помощью тега {{#tag:tabber|...}}
и {{!}}-{{!}}
.
{{#tag:tabber| Вкладка1 = {{{1|Текст 1 вкладки как параметр}}} {{!}}-{{!}} Вкладка2 = {{{2|Текст 2 вкладки как параметр}}} }}
Тег <tabview>
С помощью тега tabview
можно добавить на вкладки содержимое других страниц вашей вики.
- В рамках платформы UCP использование
tabview
будет ограничено только теми вики, где этот тег использовался раньше, поскольку Фэндом намеревается прекратить поддержку этого расширения. Настоятельно рекомендуется отказаться от использования этого тега.
Настройка внешнего вида
Следующий код позволит настроить внешний вид закладок:
/*** Основные классы 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 {
/* выбранная закладка при щелчке мыши */
}
Примеры
/*** ru-ElderScrools Tabber ***/
.tabberlive .tabbertab {
border:none !important;
}
ul.tabbernav {
font-size: 14px !important;
background-color: rgba(28, 28, 28, 0.1);
margin:-5px 0 0 !important;
padding-bottom:5px !important;
border:none !important;
text-align:center;
}
ul.tabbernav li a /*поле закладок*/ {
background: none !important;
border:none !important;
}
ul.tabbernav li a:link /*цвет текста закладок*/ {
color:#000 !important;
}
ul.tabbernav li a:hover /*при наведении на закладку*/ {
border-bottom:2px solid #000 !important;
}
ul.tabbernav li.tabberactive a /*активная закладка*/ {
background-color:rgba(229, 229, 229, 0.6) !important;
border-bottom:2px solid #000 !important;
}
См. также
- Extension:Tabber на MediaWiki.org (англ.)