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

мНет описания правки
мНет описания правки
 
Строка 1: Строка 1:
<includeonly><span class='popup' style="color: {{{3}}}; {{#if: {{{vertical|}}} | writing-mode: vertical-rl; }}" data-popup-text="{{{2}}}">{{{1}}}</span></includeonly><noinclude>
<includeonly><span class='popup' style="color: {{{3}}}; {{#if: {{{vertical|}}} | writing-mode: vertical-rl; }}" data-popup-text="{{{2}}}">{{{1}}}</span></includeonly><noinclude>
{{Notice|Category=Шаблоны|Title=FloatingUI|Content=Шаблон использует [https://floating-ui.com FloatingUI] и он не будет работать без него!<br>Вся логика находится прямо в скине, а значит в другом скине он бесполезен!}}
{{Important|Category=Шаблоны|Title=FloatingUI|Note=Шаблон использует [https://floating-ui.com FloatingUI] и он не будет работать без него!<br>Вся логика находится прямо в скине, а значит в другом скине он бесполезен!}}
= Что это? =
= Что это? =
Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу.
Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу.

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

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

Что это?

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

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

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

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

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

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

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

Пример

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

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

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