Версия от 14:42, 30 марта 2025

ваш текстНазваниеТултип это всплывающая подсказка, появляющаяся при наведении - обернуть в тултип можно как текст, так и картинку.

Как встроить тултип

вводите

{{tooltip|ваш текст|название|описание}}

получаете

ваш текстназвание
описание

Опционально

далее идет перечисление всего чо можно поменять

Выстраивание позиции

Новая фишечка, необходимая в ситуациях, когда тултип расположен близко к правому краю страницы и вылезает за границы страницы; собственно только для этого он и нужен. Пишется вот так:

вводите

{{tooltip|ваш текст|название|описание|pos=left}}

получаете

ваш текстназвание
описание

либо:

вводите

{{tooltip|ваш текст|название|описание|pos=right}}

получаете

ваш текстназвание
описание

Возможность не писать описание

Ну тут все просто, если вам нужна просто микроподсказка - просто не пишите описание

вводите

{{tooltip|ваш текст|название}}

получаете

ваш текстназвание

Возможность поменять цвет текста

вводите

{{tooltip|ваш текст|название|color=tomato}}

получаете

ваш текстназвание

Содержимое статьи является полностью или частично заимствованным текстом
Источник: проект Corvax Station — Tooltip/doc
Содержимое доступно по лицензии: CC BY-NC-SA 4.0

@@ Строка 1: / Строка 1: @@
+<templatestyles src="Участник:Мр. Арсений/песочница/styles.css"/>
+<span class="temp-hover" style="cursor:help;"><span style="color:{{{color|#EFEBD8}}}">''{{{1|ваш текст}}}''</span><!--
+--><span class="temp-hover-content" style="color:white;font-size:initial; z-index: 1500 !important;
-<span class="tooltip" style="cursor:help;"><span style="color:{{{color|#EFEBD8}}}">''{{{1|ваш текст}}}''</span><!--
+{{#switch:{{{pos|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}} background-color: hsl(var(--color-primary__h), 22%, 20%); box-shadow: hsla(var(--surface-shadow), var(--shadow-strength)) 2px 2px 4px 0px;"><!--
---><span class="tooltiptext" style="color:white;font-size:initial; z-index: 1500 !important;
-{{#switch:{{{pos|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}"><!--
 --><span style="display: block;text-align: center; z-index: 1500 !important;">{{#if:{{{img|}}}|[[Файл:{{{img}}}|middle|96px]]|}}</span><!--
 --><span style="display: block;text-align: center; z-index: 1500 !important;">'''{{{2|Название}}}'''</span><!--
 -->{{#if:{{{3|}}}|<span style="display: block;text-align: left;line-height: 15px;font-size:85%; z-index: 1500 !important;"><br>{{{3|Описание}}}{{#if:{{{4|}}}|<br>{{{4}}}|}}}}<!--
 --></span></span></span><noinclude>[[Категория:Шаблоны комитета вики]]{{Tooltip/doc}}</noinclude>