FANDOM


"Калі на гэтай старонцы не бачныя прыклады працы тэгаў, перайдзіце w:c:ru.help:Справка:Табуляція/сюда."

Табуляцыя — гэта магчымасць ствараць на старонцы ўкладкі. Для гэтага выкарыстоўваюцца тэгі «tabber» і «tabview».


Tabber Edit

З дапамогай тэга tabber можна ствараць ўкладкі са свабодным змесцівам.

Ўнутры кода выкарыстоўваецца фармат: "Загаловак"="Тэкст"

Укладкі падзяляюцца з дапамогай: «|-|»

Прыклад
<tabber>
Серыял=1 серыя, 2 сезона
|-|
Спасылкі=[http://www.google.com Google]<br/>[http://www.cnn.com CNN]<br/>
|-|
Абмеркаваць=Абмеркаванне
</tabber>

У выніку, Вы атрымаеце:

1 серыя, 2 сезона

Абмеркаванне

Вы можаце дадаць на ўкладкі любы кантэнт, уключаючы шаблоны і выявы.

Табуляцыя ў шаблонах

Вы можаце выкарыстоўваць табуляцыю ў шаблонах з дапамогай тэга {{#tag:tabber|...}} і {{!}}-{{!}}.

{{#tag:tabber|
Tab1=Param1 shows up {{{1|here}}} if passed.
{{!}}-{{!}}
Tab2=Param2 shows up {{{2|here}}} if passed.
}}
Загалоўкі верхняга ўзроўню

Загалоўкі H2 і H3 адключаныя ў гэтым тэгу. Вы можаце ўключыць іх, дадаўшы на старонку MediaWiki:Wikia.css наступны код:

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { 
display:block !important; 
}

Tabview Edit

З дапамогай тэга tabview можна дадаць на ўкладкі змесціва іншых старонак Вашай Вікі. Гэта могуць быць як звычайныя старонкі, так і старонкі, спецыяльна створаныя для ўкладак (напрыклад, подстраніцы бягучай старонкі).

Ўнутры кода выкарыстоўваецца фармат: "Тэкст"|"Загаловак". Новую ўкладку пішам з новай радкі.

Прыклад
<tabview>
Даведка:Helper|Helper
Даведка:Спасылкі сюды|Спасылкі сюды
Даведка:Справаздача аб тэгах|Справаздача аб тэгах
</tabview>

У выніку, Вы атрымаеце:


Кэш

Калі старонка з ўкладкі часта абнаўляецца, то вы можаце дадаць false, каб змесціва ўкладкі абнаўлялася пры кожнай загрузцы старонкі.

<tabview>
Даведка:Helper|Helper|false
Даведка:Спасылкі сюды|Спасылкі сюды
Даведка:Справаздача аб тэгах|Справаздача аб тэгах
</tabview>
Адкрыцце патрэбнай ўкладкі

Каб пры загрузцы старонкі была адкрыта не першая ўкладка, а тая, якую Вы хочаце, выкарыстоўвайце true. Звярніце ўвагу, што гэта ключавое слова трэба ставіць пасля двух вертыкальных чорт, пакідаючы месца для слова, абнаўляе кэш.

<tabview>
Даведка:Helper|Helper
Даведка:Спасылкі сюды|Спасылкі сюды||true
Даведка:Справаздача аб тэгах|Справаздача аб тэгах
</tabview>

Налада вонкавага выгляду Edit

Наступны код дазволіць наладзіць знешні выгляд закладак:

/*** Асноўныя класы 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 {
/* абраная закладка пры пстрычцы мышы */
}

/*** Асноўныя класы TabView ***/
ul.tabs {/*спіс укладак*/}
ul.tabs > [data-tab="flytabs_00"] {/*1ая ўкладка*/}
ul.tabs > [data-tab="flytabs_01"] {/*2ая ўкладка*/}
...
ul.tabs li.selected {/*актыўная (абраная) ўкладка*/}
div.tabBody .selected {/*адлюстроўваецца змесціва*/}
/** Змесціва **/
div[id$="content-wrapper"] {
 /*стыль кантэйнера асноўнага змесціва*/
}
div.tabbody selected {
/*стыль кантэйнера адлюстроўваецца змесціва*/
}
 
/*** Класы, у выпадку выкарыстання id ***/
/** <tabview id="Example"> дазволіць стварыць унікальны стыль для асобнага элемента **/
/* id не павінны паўтарацца, інакш адбудзецца блытаніна з правіламі */
div#flytabs_Example {
/*стыль кантэйнера ўкладак*/
}
div#flytabs_Example ul.tabs {/*спіс укладак*/}
div#flytabs_Example ul.tabs [data-tab="flytabs_Example0"] {/*1ая ўкладка*/}
div#flytabs_Example ul.tabs [data-tab="flytabs_Example1"] {/*2ая ўкладка*/}
...
div#flytabs_Example ul.tabs li.selected {/*актыўная (абраная) ўкладка*/}
/** Змесціва **/
div#flytabs_Example-content-wrapper {
/*стыль кантэйнера асноўнага змесціва*/
}
/*кантэйнер змесціва першай/другой/г. д. ўкладак*/
div[data-tab-body="flytabs_Example0"],div[data-tab-body="flytabs_Example1"],...

ПрыкладыEdit

400px

/*** ruElderScrools 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 цвердых #000 !important;
}
ul.tabbernav li.tabberactive a /*актыўная закладка*/ {
background-color:rgba(229, 229, 229, 0.6) !important;
border-bottom:2px цвердых #000 !important;
}

/*** Стылізаваны табвью (пад стыль таббера з ElderScrollsWiki) для Варфрейм вікі ***/
/** http://prntscr.com/5zn0pv ─ http://ru.test.wikia.com/wiki/Секретные_места **/
/*стыль зададзены для табвью з ідэнтыфікатарам "Secretplaces" (<tabview id="Таямніца places">)
і не спрацуе для іншых элементаў*/
 
div#flytabs_Secretplaces > ul {
border-style: none;
background-color: rgba(28, 28, 28, 0.1);
font: bold 12px Verdana,sans-serif;
text-align:center;
}
/*tabs*/
div#flytabs_Secretplaces > ul > li {
display:inline;
float:none;
line-height:20px;
}
 
/*internal tabs style + default border fix*/
div#flytabs_Secretplaces > ul > li > a {
color:чорны;
padding:0px 0.5 em;
border-top-left-radius:0; /* выдаленне закругленняў */
border-top-right-radius:0; /* верхніх кутоў */
}
/* выдаленне падкрэслення спасылкі пры навядзенні мышы */
div#flytabs_Secretplaces > ul > li > a:hover {
text-decoration: none !important
}
/* стыль абранай закладкі */
div#flytabs_Secretplaces > ul > li.selected > a {
background-color:rgba(28, 28, 28, 0.1);
border-bottom:2px цвердых #000 !important;
}

Гл. таксама Edit

Community content is available under CC-BY-SA unless otherwise noted.