BalancedTabber — гэта спроба стварыць сучасны таббер ў стылі WDS, які, акрамя таго, будзе добра адлюстроўвацца на мабільных прыладах.
На дадзены момант FandomMobile не падтрымлівае мабільны JS, але як толькі гэта адбудзецца, таббер адразу ж будзе працаваць на мабільных прыладах. А пакуль сутнасць ды справа, ён выдатна працуе на ПК.
Ўстаноўка[]
Вельмі рэкамендуецца ставіць абодва кода — і CSS, і JS, бр JavaScript загружаецца праз 1 секунду пасля адкрыцця старонкі, выклікаючы скачок элементаў на экране. Усталёўка CSS перадзагрузіць старонку і адкрые яе ў канчатковым варыянце, а змены ў функцыянале навігацыі будуць незаўважныя воку.
JS усталёўка[]
CSS усталёўка[]
Выкарыстанне[]
Устаўце код ніжэй для таго, каб атрымаць таббер з трыма укладкамі. Першая ўкладка будзе ўжо адкрыта пры загрузцы старонкі. Вы можаце змяніць гэта, надаўшы значэнне <active> іншаму элементу.
<div class="tabs">
<ul class="tabs__caption">
<li class="active">Ўкладка 1</li>
<li>Ўкладка 2</li>
<li>Ўкладка 3</li>
</ul>
<div class="tabs__content active">Змест 1</div>
<div class="tabs__content">Змест 2</div>
<div class="tabs__content">Змест 3</div>
</div>
Выкарыстоўвайце class="tabs vertical"> замест <class="tabs"> каб атрымаць вертыкальны таббер.
Новаўводзіны[]
- Сучасны таббер ў WDS-стылі.
- Таббер добра працуе на мабільных прыладах (пакуль агульны JS адключаны, тэставанне праводзілася ў персанальным JS).
- Табы можна пераназываць ў візуальным рэдактары.
Гл. таксама[]
- Anonymous
- Antiborder
- BalancedBloglists
- BalancedCategories
- BalancedComments
- BalancedDiscord
- BalancedGlobalNavigation
- BalancedPageBottom
- BalancedProfile
- BalancedRecentChanges
- BalancedTemplateLibrary
- BalancedScrollbar
- BalancedSearch
- BalancedSlider
- BalancedUCX
- Fandom95
- FluentUI
- PseudoEuropa
Changelog[]
| Дата | Апісанне |
|---|---|
| May 2, 2021 | Initial release. |