Текущая версия от 11:33, 3 декабря 2024

FloatingUI

Шаблон использует FloatingUI и он не будет работать без него!
Вся логика находится прямо в скине, а значит в другом скине он бесполезен!

Что это?

Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу.

Это Popup, знакомься, практически нихуя не умеет, но он прикольный. Что же он может? Ну вот краткий список:

Следует за курсором. Да, это основная его фишка.
Открывается с прикольной анимацией и сразу при наведении, в отличии от стандартного <attr> или title аттрибута.
Он как и все FloatingUI шаблоны, не покидает зону твоего экрана.

ВАЖНО. Его не стоит использовать для слишком больших объёмов информации, и в него ни в коем случае нельзя пхать HTML, НИ В КОЕМ!

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

Шаблон не имеет никаких пропсов, он прост как 5 копеек. Однако у него есть аргументы, и их всего ничего.

Номер	Описание
1	Собственно сам текст на который надо навестись.
2	То что будет показано при наведении на текст.
3	Не обязательный аргумент. Цвет текста на который надо навестись.

Пример

Максимально простой пример

{{Popup|Наведи на меня|Как же ты хорош!}}

Наведи на меня

@@ Строка 1: / Строка 1: @@
-<div class='popup' data-popup-text="{{{2}}}">{{{1}}}</div>
+<includeonly><span class='popup' style="color: {{{3}}}; {{#if: {{{vertical|}}} | writing-mode: vertical-rl; }}" data-popup-text="{{{2}}}">{{{1}}}</span></includeonly><noinclude>
-<noinclude>
+{{Important|Category=Шаблоны|Title=FloatingUI|Note=Шаблон использует [https://floating-ui.com FloatingUI] и он не будет работать без него!<br>Вся логика находится прямо в скине, а значит в другом скине он бесполезен!}}
-[[Category:Templates]]
+= Что это? =
+Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу.
-{{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}} {{Popup|Test|Test}}
+Это Popup, знакомься, практически нихуя не умеет, но он прикольный.
+Что же он может? Ну вот краткий список:
+# Следует за курсором. Да, это основная его фишка.
+# Открывается с прикольной анимацией и сразу при наведении, в отличии от стандартного <code><attr></code> или <code>title</code> аттрибута.
+# Он как и все FloatingUI шаблоны, не покидает зону твоего экрана.
+'''ВАЖНО'''. Его не стоит использовать для слишком больших объёмов информации, и в него ни в коем случае нельзя пхать HTML, '''НИ В КОЕМ'''!
+= Класс, а как использовать? =
+Шаблон не имеет никаких пропсов, он прост как 5 копеек.
+Однако у него есть аргументы, и их всего ничего.
+{| class="wikitable"
+! Номер
+! Описание
+|-
+| 1
+| Собственно сам текст на который надо навестись.
+|-
+| 2
+| То что будет показано при наведении на текст.
+|-
+| 3
+| Не обязательный аргумент. Цвет текста на который надо навестись.
+|}
+= Пример =
+Максимально простой пример
+<pre>
+{{Popup|Наведи на меня|Как же ты хорош!}}
+</pre>
+{{Popup|Наведи на меня|Как же ты хорош!}}