Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
Строка 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> | ||
{{ | {{Important|Category=Шаблоны|Title=FloatingUI|Note=Шаблон использует [https://floating-ui.com FloatingUI] и он не будет работать без него!<br>Вся логика находится прямо в скине, а значит в другом скине он бесполезен!}} | ||
= Что это? = | = Что это? = | ||
Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу. | Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу. |
Текущая версия от 11:33, 3 декабря 2024
Шаблон использует FloatingUI и он не будет работать без него!
Вся логика находится прямо в скине, а значит в другом скине он бесполезен!
Вся логика находится прямо в скине, а значит в другом скине он бесполезен!
Что это?
Если ты на этой странице, то тебе наверняка интересно что же это? А я расскажу.
Это Popup, знакомься, практически нихуя не умеет, но он прикольный. Что же он может? Ну вот краткий список:
- Следует за курсором. Да, это основная его фишка.
- Открывается с прикольной анимацией и сразу при наведении, в отличии от стандартного
<attr>
илиtitle
аттрибута. - Он как и все FloatingUI шаблоны, не покидает зону твоего экрана.
ВАЖНО. Его не стоит использовать для слишком больших объёмов информации, и в него ни в коем случае нельзя пхать HTML, НИ В КОЕМ!
Класс, а как использовать?
Шаблон не имеет никаких пропсов, он прост как 5 копеек. Однако у него есть аргументы, и их всего ничего.
Номер | Описание |
---|---|
1 | Собственно сам текст на который надо навестись. |
2 | То что будет показано при наведении на текст. |
3 | Не обязательный аргумент. Цвет текста на который надо навестись. |
Пример
Максимально простой пример
{{Popup|Наведи на меня|Как же ты хорош!}}
Наведи на меня