Справка:Инфобокс

Данная страница призвана описать принцип создания и работы с инфобоксами - визитными карточками на вики. Создание инфобокса подразумевает работу с HTML блоками. Знание данного языка желательно.

Для начала вам нужно создать страницу: Шаблон:Название_инфобокса Заполните страницу данным содержимым, чтобы начать создавать инфобокс

<div class="infobox">
</div>

Все что нужно будет сделать дальше должно располагаться строго внутри этих блоков: между <div class="infobox"> и </div>

Первым элементом внутри инфобокса является заголовок

 <div class="inf-title">Заголовок инфобокса</div> 

Иногда полезно чтобы он автоматически принимал название страницы:

 <div class="inf-title">{{PAGENAME}}</div> 

После заголовка, опционально, может быть изображение. Вставляется как обычное изображение на вики [[Файл:Название_файла.png]] Обратите внимание, что стандартная ширина инфобокса составляет 318 пикселей, что значит, изображение должно быть не больше 318 пикселей в ширину. Также в изображение может быть передано как параметр:

[[Файл:{{{Изображение}}}.png|128px]]

В данном случае название изображения принимается как параметр, а ширина настраивается уже независимо от того, какое именно изображение будет использоваться.

Другим элементом инфобокса является раздел. Он призван логически разделить поля внутри инфобокса:

 <div class="inf-header">Заголовок раздела</div> 

Теперь об самих полях с информацией, их структура чуть сложнее:

<div class="inf-row">
<div class="inf-label">Заголовок данных</div>
<div class="inf-data">Данные</div>
</div>

Обычно данные нужно заносить в инфобокс, когда он будет импортироваться на страницу, поэтому лучше всего ставить туда параметр:

<div class="inf-row">
<div class="inf-label">Заголовок данных</div>
<div class="inf-data">{{{Параметр}}}</div>
</div>

При необходимости с дефолтными значениями:

<div class="inf-row">
<div class="inf-label">Заголовок данных</div>
<div class="inf-data">{{{Параметр|Дефолтные значения}}}</div>
</div>

Используя полученные примеры, составим ифнобокс:

<div class="infobox">
<div class="inf-title">Инфобокс</div>
[[Файл:Stasis.png]]
<div class="inf-row">
<div class="inf-label">Заголовок 1</div>
<div class="inf-data">Данные 1</div>
<div class="inf-header">Заголовок раздела</div>
<div class="inf-row">
<div class="inf-label">Заголовок 2</div>
<div class="inf-data">{{{Параметр|Дефолтное значение}}}</div>
</div>
</div>

Инфобокс

Заголовок 1

Данные 1

Заголовок раздела

Заголовок 2

Дефолтное значение