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

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

Текущая версия от 16:36, 26 мая 2025

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

Что это?

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

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

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

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

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

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

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

Пример

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

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

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