Nemesis в 14:38, 2 июня 2025

2025-06-02T14:38:46Z

← Предыдущая версия		Версия от 14:38, 2 июня 2025
Строка 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
	}}		}}

Kar4es: Новая страница: «

{{#if:{{{SubTitle|}}}|{{{SubTitle}}}<{{{TitleElement|span}}} class...»

2025-03-31T03:43:45Z

Новая страница: «<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...»

Новая страница

<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="flexbox-name"><span>{{anchor|{{{Title}}}}}{{{Title}}}</span></{{{TitleElement|span}}}>|<{{{TitleElement|span}}} class="flexbox-subtitle" style="background-color: {{ColorPalette{{!}}{{{Color}}}{{!}}Opaque}}; background: {{{TitleGradient}}}; width: 100%;"><span>{{anchor|{{{Title}}}}}{{{Title}}}</span></{{{TitleElement|span}}}>}}</div>
<div class="flexbox-content">
<div class="flexbox-image" style="background-color: {{ColorPalette|{{{Color}}}|Light}}; border-color: {{ColorPalette|{{{Color}}}|Opaque}}; padding: {{{ImagePadding|0}}};>[[File:{{{Image}}}]]</div>
<div class="flexbox-container__text" style="border-color: {{ColorPalette|{{{Color}}}|Secondary}};"><div class="flexbox-desc">{{{Content}}}</div>
{{#if:{{{DropdownContent|}}}|{{Dropdown
| Title = {{{DropdownTitle|Подробно}}}
| Content = {{{DropdownContent}}}
| TitleStyles = background-color: {{ColorPalette|{{{Color}}}|Light}};
| ContentStyles = background-color: {{ColorPalette|{{{Color}}}|Transparent}}; border-color: {{ColorPalette|{{{Color}}}|Secondary}}; text-align: {{{DropdownTextAlign|center}}};
| Class = flexbox-dropdown
}}|}}</div></div><div class="tgui-blur"></div></div></includeonly><noinclude>
{{Important|Category=Шаблоны|Title=FloatingUI|Note=Шаблон использует [https://floating-ui.com FloatingUI]. А конкретно [[:Шаблон:Dropdown|Dropdown]].<br>Его можно использовать в другом скине, однако придётся отказаться от Dropdown, заменив его на чистый CSS вариант.}}
= Что это? =
Добро пожаловать на страницу шаблона FlexBox!

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

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

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

{| class="wikitable"
! Название
! Описание
|-
| Color
| Красит весь шаблон в любой доступный цвет [[ColorPalette]]

|-
| SubTitle
| Изначально использовалось для номера статьи в КЗ. Необязательный проп.

|-
| Title
| Основной текст сверху. Если не задать SubTitle, то будет использован его стиль. <br> Так же это одновременно и якорь.

|-
| TitleElement
| Определяет каким элементом будет тайтл, по-умолчанию: <code>span</code>. <br> Необходимо для отображения тайтла в Содержании. Рекомендуется использовать h3-h6 если необходимо.

|-
| Image
| Изображение с указанием размера, но без <code>File:</code> <br> Использование: <code>Clown.png<nowiki>{{!}}</nowiki>96px</code>

|-
| ImagePadding
| Отступ от краёв контейнера изображения. По-умолчанию: 0.

|-
| Content
| Основной текст в шаблоне, например, описание.

|-
| DropdownTextAlign
| Расположение текста внутри дропдауна. По-умолчанию он центрирован.

|-
| DropdownTitle
| Не отображается если не заполнен проп <code>DropdownContent</code>, задаёт надпись на кнопке раскрытия <code>DropdownContent</code>. По-умолчанию: <code>Подробно</code>

|-
| DropdownContent
| Содержимое дропдауна, без этого пропса дропдауна не будет. Лучше всего использовать для второстепенной информации.
|}

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

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

== Минимальное заполнение ==
<pre><nowiki>
{{FlexBox
| Title = Клоун
| Content = Кусок бесполезности
| Image = Generic_clown.png{{!}}64px
}}
</nowiki></pre>

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

Шаблон:FlexBox - История изменений

Nemesis в 14:38, 2 июня 2025

Kar4es: Новая страница: « {{#if:{{{SubTitle|}}}|{{{SubTitle}}}<{{{TitleElement|span}}} class...»

Kar4es: Новая страница: «

{{#if:{{{SubTitle|}}}|{{{SubTitle}}}<{{{TitleElement|span}}} class...»