dev

BalancedTL — набор стилей, предназначенных для конструирования заглавных страниц и шаблонов. Использует те же дизайнерские решения, что и вся линейка «Balanced».

Использование

BalancedTL содержит набор классов (и их параметров), использующих цвета вики (акцентный цвет, основной цвет, дополнительный цвет, цвет ссылок и т. д.) для описания шаблонов. Вот пример заглавной страницы, созданной сугубо при помощи BalancedTL; вы можете видеть, что все шаблоны там выполнены в едином современном стиле, а также автоматически адаптируются под тёмную и светлую тему. И даже адекватно работают в мобильной версии! Так будет на любой вики, где вы установите BalancedTL и начнёте делать шаблоны с его помощью.

hummel-box

Довольно простой в использовании класс, к которому прилагается набор параметров, позволяющих создать по-разному выглядящий шаблон-бокс с данными. Разумеется, параметры можно комбинировать. Примеры:

Во всех приведённых выше шаблонах параметры указываются сразу после hummel-box: left-border, right-border, linker, info и так далее. Исключение – hummel-header, он относится к заголовку.

hummel-navi

Более сложный класс. Допустим, вы хотите сделать на заглавной странице навигацию по основным аспектам вашей вики. Обычно это делают в виде галереи с картинками и подписями, где при нажатии на изображение вы куда-то перенаправляетесь. Так вот, этот класс и его параметры сделают вашу навигацию более красивой и адаптивной. Примеры:

Все эти варианты достигаются при помощи параметров not-rounded, full-sized и not-adjusted, которые проставляются только к hummel-navi.

hummel-gallery

На вики о мультфильмах и сериалах иногда возникает необходимость добавить в статью избранные фотографии из раскадровки, и тогда галерея состоит из множества фотографий с одинаковыми пропорциями (то есть все фотографии имеют одинаковую ширину и высоту). В этом случае может пригодиться шаблон скроллбокса, который позволит красиво и без больших пространственных затрат оформить эту галерею, а также сделать миниатюры изображений более высокого качества. Хороший пример можно увидеть здесь.

Installation

See also