Данная страница призвана описать принцип создания и работы с инфобоксами - визитными карточками на вики. Создание инфобокса подразумевает работу с 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>
