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

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<includeonly><div class = "item-slot {{#switch:{{{Слот|}}}| спина | рюкзак | back = back | перчатки | gloves = gloves | пояс | belt = belt | уши | ears = ears | очки | глаза | glasses = glasses | левая рука | lhand = lhand | правая рука | rhand = rhand | голова | шляпа | head = head | айди | карта | id = id | маска | лицо | mask = mask | шея | neck = neck | пда | кпк | pda = pda | карман | pocket = pocket | ботинки | shoes = shoes | костюм | скафандр | suit = suit | содержимое скафандра | suit_storage = suit_storage | одежда | униформа | uniform = uniform}}" style = "width: {{#expr: {{{Размер|75}}} + {{{Размер|75}}}*0.1}}px; height: {{#expr: {{{Размер|75}}} + {{{Размер|75}}}*0.1}}px;"><div width = "{{{Размер|75}}}px" class = "item"><div class = "popup">[[Файл:{{{Изображение|CRP_CRG.png}}}|25px|link=]] <span style = "font-weight:500;">{{{Название|ItemName}}}</span> <br/> <span style = "font-weight: 400; color: var(--color-base--subtle)">{{{Содержимое|Content}}}</span></div>[[Файл:{{{Изображение|CRP_CRG.png}}}|{{{Размер|75}}}px|link=]]</div></div></includeonly>
+<includeonly>
+<div class="item-slot {{#switch:{{{Слот|}}}
+ | back=back | рюкзак=back | спина=back
+ | gloves=gloves | перчатки=gloves
+ | belt=belt | пояс=belt
+ | ears=ears | уши=ears
+ | glasses=glasses | очки=glasses | глаза=glasses
+ | lhand=lhand | левая рука=lhand
+ | rhand=rhand | правая рука=rhand
+ | head=head | голова=head | шляпа=head
+ | id=id | айди=id | карта=id
+ | mask=mask | маска=mask | лицо=mask
+ | neck=neck | шея=neck
+ | pda=pda | кпк=pda
+ | pocket=pocket | карман=pocket
+ | shoes=shoes | ботинки=shoes
+ | suit=suit | костюм=suit | скафандр=suit
+ | suit_storage=suit_storage | содержимое скафандра=suit_storage
+ | uniform=uniform | одежда=uniform
+}}
+" style="width:{{{Размер|64}}}px;height:{{{Размер|64}}}px;display:inline-block;position:relative;margin:1px;background:#111;border:1px solid #333;text-align:center;vertical-align:middle;">
-<noinclude>
+  {{#if:{{{Изображение|}}}|
-== Использование шаблона ==
+    <div class="item" style="width:100%;height:100%;position:relative;">
-Значения в скобках - значения по умолчанию и не нуждаются в указании. <br/>
+      <div class="popup" style="display:none;position:absolute;z-index:10;background:#111;border:1px solid #444;padding:5px;width:200px;color:#ccc;">
-Значения указанные через знак <code>/</code> принимают только один из указанных параметров или ничего.
+        [[Файл:{{{Изображение}}}|25px|link=]]
-<pre>
+        <span style="font-weight:500;">{{{Название|}}}</span><br/>
-{{ItemSlot
+        <span style="font-weight:400;color:var(--color-base--subtle)">{{{Содержимое|}}}</span>
-| Слот = спина / рюкзак / back / перчатки / gloves / пояс / belt / уши / ears / очки / глаза / glasses / левая рука / lhand / правая рука / rhand / голова / шляпа / head / айди / карта / id / маска / лицо / mask / шея / neck / пда / кпк / pda / карман / pocket / ботинки / shoes / костюм / скафандр / suit / содержимое скафандра / suit_storage / одежда / униформа / uniform
+      </div>
-| Размер = (75)
+      [[Файл:{{{Изображение}}}|{{{Размер|64}}}px|link=]]
-| Изображение = (CRP_CRG.png)
+    </div>
-| Название = (ItemName)
+    |
-| Содержимое = (Content)
+    <!-- пустой слот -->
-}}
+  }}
-</pre>
-{{ItemSlot}}
+<script>
-</noinclude>
+const slot = document.currentScript.parentElement;
+const popup = slot.querySelector('.popup');
+if(popup){
+  slot.onmouseenter = () => popup.style.display = 'block';
+  slot.onmouseleave = () => popup.style.display = 'none';
+}
+</script>
+</div>
+</includeonly>

Версия от 10:57, 4 октября 2025