Шаблон:FlexBox: различия между версиями

Новая страница: «<includeonly><div class="flexbox-container" style="background-color: {{ColorPalette|{{{Color}}}|Transparent}};"> <div class="flexbox-title" style="background-color: {{ColorPalette|{{{Color}}}|Light}}; border-color: {{ColorPalette|{{{Color}}}|Opaque}};"> {{#if:{{{SubTitle|}}}|<span class="flexbox-subtitle" style="background-color: {{ColorPalette{{!}}{{{Color}}}{{!}}Opaque}}; background: {{{TitleGradient}}};">{{{SubTitle}}}</span><{{{TitleElement|span}}} class...»
 
мНет описания правки
 
Строка 44: Строка 44:
|-
|-
| Image
| Image
| Изображение с указанием размера, но без <code>File:</code> <br> Использование: <code>Clown.png<nowiki>{{!}}</nowiki>96px</code>
| Изображение с указанием размера, но без <code>File:</code> <br> Использование: <code>ClownPlaceholder.png<nowiki>{{!}}</nowiki>96px</code>


|-
|-
Строка 75: Строка 75:
| Title          = Или же... приколист
| Title          = Или же... приколист
| TitleElement    = h3
| TitleElement    = h3
| Image          = Clown.png{{!}}96px
| Image          = ClownPlaceholder.png{{!}}96px
| Content        = Самый обыкновенный клоун. Рекомендуется избиение.
| Content        = Самый обыкновенный клоун. Рекомендуется избиение.
| DropdownTitle  = Чё там ещё?
| DropdownTitle  = Чё там ещё?
Строка 87: Строка 87:
| Title          = Или же... приколист
| Title          = Или же... приколист
| TitleElement    = h3
| TitleElement    = h3
| Image          = Generic_clown.png{{!}}96px
| Image          = ClownPlaceholder.png{{!}}96px
| Content        = Самый обыкновенный клоун. Рекомендуется избиение.
| Content        = Самый обыкновенный клоун. Рекомендуется избиение.
| DropdownTitle  = Чё там ещё?
| DropdownTitle  = Чё там ещё?
Строка 98: Строка 98:
| Title  = Клоун
| Title  = Клоун
| Content = Кусок бесполезности
| Content = Кусок бесполезности
| Image  = Generic_clown.png{{!}}64px
| Image  = ClownPlaceholder.png{{!}}64px
}}
}}
</nowiki></pre>
</nowiki></pre>
Строка 105: Строка 105:
| Title  = Клоун
| Title  = Клоун
| Content = Кусок бесполезности
| Content = Кусок бесполезности
| Image  = Generic_clown.png{{!}}64px
| Image  = ClownPlaceholder.png{{!}}64px
}}
}}

Текущая версия от 14:38, 2 июня 2025

Шаблон:Important

Что это?

Добро пожаловать на страницу шаблона FlexBox!

Этот шаблон можно использовать для самых разных вещей, но изначально был сделан для Космического Закона, из-за чего могут возникать соответствующие несостыковки и ограничения.

Основное преимушество - адаптивность. Шаблон нормально выглядит как на телефонах, так и на ПК, при этом оставаясь компактным.

Класс, а как использовать?

Ниже перечислен список доступных пропсов, если кто-то будет это дополнять, просьба вписывать их сюда же.

Название Описание
Color Красит весь шаблон в любой доступный цвет ColorPalette
SubTitle Изначально использовалось для номера статьи в КЗ. Необязательный проп.
Title Основной текст сверху. Если не задать SubTitle, то будет использован его стиль.
Так же это одновременно и якорь.
TitleElement Определяет каким элементом будет тайтл, по-умолчанию: span.
Необходимо для отображения тайтла в Содержании. Рекомендуется использовать h3-h6 если необходимо.
Image Изображение с указанием размера, но без File:
Использование: ClownPlaceholder.png{{!}}96px
ImagePadding Отступ от краёв контейнера изображения. По-умолчанию: 0.
Content Основной текст в шаблоне, например, описание.
DropdownTextAlign Расположение текста внутри дропдауна. По-умолчанию он центрирован.
DropdownTitle Не отображается если не заполнен проп DropdownContent, задаёт надпись на кнопке раскрытия DropdownContent. По-умолчанию: Подробно
DropdownContent Содержимое дропдауна, без этого пропса дропдауна не будет. Лучше всего использовать для второстепенной информации.

Примеры

Всё заполнено

{{FlexBox
| Color           = Lavaland
| SubTitle        = Клоун
| Title           = Или же... приколист
| TitleElement    = h3
| Image           = ClownPlaceholder.png{{!}}96px
| Content         = Самый обыкновенный клоун. Рекомендуется избиение.
| DropdownTitle   = Чё там ещё?
| DropdownContent = Избиение клоуна без причины - является нарушением правил сервера.
}}
Клоун

Или же... приколист

Самый обыкновенный клоун. Рекомендуется избиение.
Избиение клоуна без причины - является нарушением правил сервера.

Минимальное заполнение

{{FlexBox
| Title   = Клоун
| Content = Кусок бесполезности
| Image   = ClownPlaceholder.png{{!}}64px
}}
Клоун
Кусок бесполезности