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

Материал из Adventure Station
(Временный импорт стилей из другой страницы)
м (1 версия импортирована: Тест импорта страницы. Imported from official Space Station 14 wiki)
 
(не показаны 2 промежуточные версии 1 участника)
Строка 1: Строка 1:
<templatestyles src="Участник:Мр. Арсений/песочница/styles.css"/>
<span class="toltip-block"><span style="color:{{{color|#EFEBD8}}}">''{{{1|ваш текст}}}''</span><span class="toltip-popup-content" style="{{#switch:{{{pos|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}"><span style="display: block; text-align: center;">{{#if:{{{img|}}}|[[Файл:{{{img}}}|middle|96px]]|}}</span><span style="display: block; text-align: center;">'''{{{2|Название}}}'''</span>{{#if:{{{3|}}}|<span style="display: block;text-align: left;line-height: 15px;font-size:85%;"><br>{{{3|Описание}}}{{#if:{{{4|}}}|<br>{{{4}}}|}}}}</span></span></span><noinclude>[[Категория:Шаблоны комитета вики]]{{Tooltip/doc}}</noinclude>
 
<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;
{{#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 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>

Текущая версия от 16:46, 6 апреля 2025

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

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

  • вводите
{{tooltip|ваш текст|название|описание}}
  • получаете

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

Опционально

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

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

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

  • вводите
{{tooltip|ваш текст|название|описание|pos=left}}
  • получаете

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

либо:

  • вводите
{{tooltip|ваш текст|название|описание|pos=right}}
  • получаете

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

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

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

  • вводите
{{tooltip|ваш текст|название}}
  • получаете

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

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

  • вводите
{{tooltip|ваш текст|название|color=tomato}}
  • получаете

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


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