FANDOM


Выява:МодИнфобоксПрімер1.JPG

Інфабокс выкарыстоўваюцца на пераважнай большасці вікіпраектаў. З іх дапамогай можна коратка расказаць чытачу аб прадмеце артыкула, вылучыць ключавую інфармацыю, стварыць адзінае афармленне вікі.

Вікія прапануе вам новы спосаб разметкі інфобоксов. Пры яе выкарыстанні, вашы інфабокс будуць карэктна адлюстроўвацца на любым прыладзе, будзь то шырокаэкранны манітор або невялікі экран смартфона. Больш падрабязна пра інструмент, які дапаможа змяніць класічныя інфабокс вашай вікі на новыя модульныя, чытайце ў гэтай артыкуле.

Стварэнне інфобокса Edit

Инфобокс ўяўляе сабой набор простых тэгаў ўнутры агульнага тэга <infobox></infobox>. Напрыклад, любая радок ўнутры інфобокса задаецца наступным чынам:

<data source="Значэнне радкі"><label>Назва радкі</label></data>

Для стварэння загалоўка выкарыстоўваецца тэг:

<title source="назва" />

Для стварэння малюнка выкарыстоўваецца тэг:

<image source="малюнак" />

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

<infobox>
<title source="імя"><default>{{PAGENAME}}</default></title>
<image source="малюнак" />
<data source="сезон"><label>Сезон(ы)</label></data>
<data source="першае з'яўленне"><label>Першае з'яўленне</label></data>
</infobox>

Размесціце гэты код на старонцы Шаблон:Персанаж, і інфобокс гатовы! Каб выкарыстоўваць яго, выклічце адпаведную дыялогавае акно ў Візуальным рэдактары, а ў рэжыме Зыходнага кода шаблон будзе выглядаць таксама, як пры выкарыстанні класічнага інфобокса:

{{Пэрсанаж
|імя = Эддард Старк
|выява = eddard.jpg
|сэзон = [[Сезон 1]]
|першае з'яўленне = "[[Зіма блізка]]"
}}

Выгляд шаблонаў Edit

Стылі Edit

Інфабокс могуць выкарыстоўваць два стылю адлюстравання дадзеных:

  • Па змаўчанні дадзеныя ў радках размяшчаюцца ў дзвюх калонках: загаловак злева, значэнне справа.
  • Калі ў код інфобокса дадаць <infobox layout="stacked">, то значэння будуць адлюстроўвацца ў наступным радку пасля загалоўка і з невялікім водступам. Гэты стыль падыходзіць, калі ў вас доўгі тэкст у радку.

Прыстасаваныя стылі Edit

Колеру інфобоксов адпавядаюць кветкам вікі, настроеным праз Канструктар тым. Стварыць індывідуальныя стыль інфобокса можна праз CSS.

Больш падрабязна аб гэтым чытайце ў артыкуле Даведка:Інфабокс/CSS.

Даданне відэа Edit

У інфобокс можна дадаць відэаролік. Для гэтага выкарыстоўвайце той жа тэг, што і для ўстаўкі малюнка. Відэа ў інфобоксе будзе прадстаўлена як карцінка са значком прайгравання.

Дадатковыя тэгі Edit

Групоўка Edit

Інфабокс могуць выглядаць па-рознаму і не заўседы можна абысціся простым наборам радкоў. Калі вы хочаце згрупаваць некалькі радкоў пад агульным загалоўкам, выкарыстоўвайце тэг "group". Прыклад такога інфобокса і кода можна ўбачыць ніжэй:

<infobox layout="stacked">
<title source="назва" />
<image source="малюнак" />
<group>
<header>Інфармацыя</header>
<data source="канфлікт"><label>Канфлікт</label></data>
<data source="дата"><label>Дата</label></data>
<data source="месца"><label>Месца</label></data>
</group>
</infobox>

Калі вам трэба сабраць інфармацыю ўнутры калонак, выкарыстоўвайце стыль layout="гарызантальны ўнутры тэга "group". Прыклад:

<group layout="гарызантальны" show="incomplete>
<header>Бакі канфлікту</header>
<data source="Сторона1" />
<data source="Сторона2" />
</group>

Выкарыстанне стылю show="incomplete дазваляе адлюстроўваць абедзве калонкі, нават калі другая або першая калонка пустыя. Аднак калі абодва радкі застануцца незапоўненымі, то гэты блок інфобокса не будзе адлюстроўвацца.

Дапаўненні да пераменным Edit

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

Прыклад:

<infobox layout="stacked">
 <title source="назва" />
<data source="цана">
<label>Цана</label>
<format>{{{цана}}} манет</format>
</data>
<data source="цана каштоўныя камяні">
<label>Кошт у драгоц. камянях</label>
<format>{{{цана каштоўныя камяні}}} [[Выява:Драгкамень.png|20px]]</format>
</data>
<data source="здароўе">
<label>Восст. здароўя</label>
<format>{{{здароўе}}} {{Сэрца}}</format>
</data>
</infobox>

Сворачіваемые групыEdit

Групы можна зрабіць сворачівающіміся, калі добвать або collapse="open, ці collapse="closed да тэгу групы. На загаловак у гэтым выпадку можна будзе клікнуць, каб разгарнуць слі згарнуць групу, а сама група пасля загрузкі старонкі адлюструецца разгорнутай або згорнутай адпаведна.

<group collapse="closed">
<header>З'яўлення</header>
<data source="films" />
<data source="comics" />
</group>

Заўвага: загаловак павінен прытрымлівацца адразу ж пасля які адкрывае тэга групы.

Усе тэгі Edit

Апісанне ўсіх тэгаў для інфобоксов можна знайсці ў артыкуле: Даведка:Інфабокс/тэгі.

Запаўненне інфобоксов Edit

Табберы і галерэіEdit

Выява:Для даведкі - табберы на ПК.png

Вы можаце дадаць адразу некалькі малюнкаў у інфобокс з дапамогай тэгаў <gallery> або <tabber> непасрэдна на старонцы артыкула.

{{Инфобокс 
|выява=<gallery>
Малюнак 1.jpg|Нумар 1
Малюнак 2.jpg|Нумар 2
Малюнак 3.jpg|Нумар 3
</gallery>
}}
{{Инфобокс
|выява=<tabber>
Нумар 1 = [[Выява:Малюнак 1.jpg]] |-|
Нумар 2 = [[Выява:Малюнак 2.jpg]] |-|
Нумар 3 = [[Выява 3.jpg]]
</tabber>
}}

Заўвага: пераважней выкарыстоўваць тэг <gallery>, т. к. ен больш універсальны.

Прыклады інфобоксовEdit

Вось прыклады рабочых і прыгожа аформленых інфобоксов:

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