Открыть поиск
Открыть меню
39
1 тыс.
18
4,1 тыс.
MoonWiki
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

Test: различия между версиями

Материал из MoonWiki
Дополнительные действия
← Предыдущая правка
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
 
(не показаны 32 промежуточные версии 2 участников)
Строка 1: Строка 1:
<pre><div class="vtabs">
  <div class="vtabs-buttons">
    <div class="vtabs-button active">Заголовок 1</div>
    <div class="vtabs-button">Заголовок 2</div>
    <div class="vtabs-button">Заголовок 3</div>
  </div>
  <div class="vtabs-content-wrapper">
    <div class="vtabs-content active">Ячейка 1</div>
    <div class="vtabs-content">Ячейка 2</div>
    <div class="vtabs-content">Ячейка 3</div>
  </div>
</div></pre>
<div class="vtabs">
<div class="vtabs">
   <div class="vtabs-buttons">
   <div class="vtabs-buttons">
Строка 12: Строка 25:
</div>
</div>


[[Ссылка|<span style="padding: 20px; border: 1px black solid; border-radius: 10px;">Ссылка</span>]]


<div style="display: flex; justify-content: row; gap: 10px; margin: 10px;">
Удобная дропдаун панелька
<div class="guide-bg guide-bg-med" style="width:50%">
<pre>{{colstr|Название|Текст внутри}}</pre>
{{Guide-panel|rgb(61, 165, 220, 0.1)|
{{colstr|Название|Текст внутри}}
{{Guide-header|'''Медицина'''|[[Файл:MedPerson.png|ссылка=|45px]]}}
Пример - [[Взлом]]
 
 
Появление панельки при наведении на текст
<pre>{{tooltip|Текст|текст внутри}}</pre>
 
{{tooltip|[[<span style="color:red">Текст</span>]]|текст внутри}}
<span style="color:red">{{tooltip|Текст|текст внутри}}</span>
{{tooltip|[[#Текст|Текст]]|текст внутри}}
 
Можно использовать как стильную вставку текста
<pre>{{Guide-panel|227, 148, 63|lore-bg-inteq|
[[File:inteqlogo.png|thumb|96px||<center>Логотип InteQ|link=]]
Вставить текст
|
|
{{Guide-item|rgb(91, 188, 245)|[[WhiteMoon: Руководство по общей медицине|Общая медицина]]|[[Файл:Brutefak.png|ссылка=|40px]]}}
}}
{{Guide-item|rgb(91, 188, 245)|[[WhiteMoon: Руководство по травмам|Травмы]]|[[Файл:Brutefak.png|ссылка=|40px]]}}
{{Guide-panel|60, 108, 65||
{{Guide-item|rgb(91, 188, 245)|[[WhiteMoon: Руководство по ранам|Раны]]|[[Файл:Brutefak.png|ссылка=|40px]]}}
[[File:Vampire.png|left|96px|link=]]
{{Guide-item|rgb(91, 188, 245)|[[WhiteMoon: Руководство по хирургии|Хирургия]]|[[Файл:Surgery table.png|ссылка=|40px]]}}
Вставить текст
{{Guide-item|rgb(91, 188, 245)|[[WhiteMoon: Руководство по химии|Химия]]|[[Файл:Dispenser.png|ссылка=|40px]]}}
|
}}</div>
}}</pre>


<div class="guide-bg guide-bg-cargo" style="width:50%">
{{Guide-panel|227, 148, 63|lore-bg-inteq|
{{Guide-panel|rgb(119, 85, 47, 0.1)|
[[File:inteqlogo.png|thumb|96px||<center>Логотип InteQ|link=]]
{{Guide-header|'''Снабжение'''|[[Файл:CargoPerson.png|ссылка=|45px]]}}
Вставить текст
|
|
{{Guide-item|rgb(140, 104, 65)|[[WhiteMoon: Руководство по снабжения|Гайд на снабжение]]|[[Файл:Bounty.gif|ссылка=|40px]]}}
}}
{{Guide-item|rgb(140, 104, 65)|[[WhiteMoon: Руководство по заказам|Заказы]]|[[Файл:GrayCrate.png|ссылка=|40px]]}}
{{Guide-panel|60, 108, 65||
{{Guide-item|rgb(140, 104, 65)|[[WhiteMoon: Руководство по Лаваленду|Лаваленд]]|[[Файл:Pickaxe.png|ссылка=|40px]]}}
[[File:Vampire.png|left|96px|link=]]
{{Guide-item|rgb(140, 104, 65)|[[WhiteMoon: Руководство по кузнечному делу|Кузнечное дело]]|[[Файл:Anvil.png|ссылка=|50px]]}}
Вставить текст
}}</div>
|
</div>
}}
 
<pre>
{{Coloredbox
|color = #2cafd380
|titlecolor = #722521
|title= Оглавление
|content = Ваш текст здесь
}}</pre>
{{Coloredbox
|color = #2cafd380
|titlecolor = #722521
|title= Оглавление
|content = Ваш текст здесь
}}
 
 
 
<pre>{{Сoloredbox/Color|Синий
|title = Оглавление
|content =
Ваш текст здесь
}}
{{Сoloredbox/Color|Зеленый
|title = Оглавление
|content =
Ваш текст здесь
}}
{{Сoloredbox/Color|Красный
|title = Оглавление
|content =
Ваш текст здесь
}}</pre>
 
{{Сoloredbox/Color|Синий
|title = Оглавление
|content =
Ваш текст здесь
}}
{{Сoloredbox/Color|Зеленый
|title = Оглавление
|content =
Ваш текст здесь
}}
{{Сoloredbox/Color|Красный
|title = Оглавление
|content =
Ваш текст здесь
}}
 
 


<div style="display: flex; justify-content: row; gap: 10px; margin: 10px;">
Можно вот так сгруппировать ссылки
<div class="guide-bg guide-bg-engi" style="width:50%">
{{Guide-panel|rgb(212, 148, 36, 0.1)|
{{Guide-header|'''Инженерия'''|[[Файл:Lewis.png|ссылка=|35px]]}}
|
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по строительству|Строительство]]|[[Файл:Crowbar.png|ссылка=|40px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по атмосферике|Атмосферика]]|[[Файл:Canister.png|ссылка=|40px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по суперматерии|Суперматерия]]|[[Файл:Supermatter-bg.png|ссылка=|25px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по солнечным панелям|Солнечные панели]]|[[Файл:Solar panel.png|ссылка=|25px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по газовой турбине|Газовая турбина]]|[[Файл:gorTurbine.png|ссылка=|60px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по телекоммуникациям|Телекоммуникации]]|[[Файл:Bus.gif|ссылка=|40px]]}}
{{Guide-item|rgb(246, 178, 68)|[[WhiteMoon: Руководство по ХФР|Термоядерный синтез]]|[[Файл:HFR.png|ссылка=|40px]]}}
}}</div>


<div class="guide-bg guide-bg-rnd" style="width:50%">
<pre>{{Guide-panel|61, 165, 220|lore-bg|
{{Guide-panel|rgb(170, 102, 204, 0.1)|
{{Guide-header|61, 165, 220|'''Организации'''|}}
{{Guide-header|'''Наука'''|[[Файл:SciPerson.png|ссылка=|45px]]}}
|
|
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по исследованиям|Исследования]]|[[Файл:Decon.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[InteQ|InteQ]]|[[Файл:InteQ.png|ссылка=|40px]]}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по робототехнике|Робототехника]]|[[Файл:Generic borg.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[Syndicate|Синдикат]]|[[Файл:Syndiemb.png|ссылка=|40px]]}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по ксенобиологии|Ксенобиология]]|[[Файл:Rainbow slime.gif|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по токсинам|Токсины]]|[[Файл:Explosivebombthatgoesboom.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по ксеноархеологии|Ксеноархеология]]|[[Файл:Xenoarch.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по генетике|Генетика]]|[[Файл:Scanner.gif|ссылка=|40px]]}}
}}
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по нанитам|Наниты]]|[[Файл:Nanite_Scanner.png|ссылка=|40px]]}}
</pre>
{{Guide-item|rgb(189, 120, 223)|[[WhiteMoon: Руководство по интегральным схемам|Интегральные схемы]]|[[Файл:Circuit.png|ссылка=|40px]]}}
}}</div>
</div>


<div style="display: flex; justify-content: row; gap: 10px; margin: 10px;">
{{Guide-panel|61, 165, 220|lore-bg|
<div class="guide-bg guide-bg-sec" style="width:50%">
{{Guide-header|61, 165, 220|'''Организации'''|}}
{{Guide-panel|rgb(191, 76, 76, 0.1)|
{{Guide-header|'''Служба Безопасности'''|[[Файл:Alta.png|ссылка=|45px]]}}
|
|
{{Guide-item|rgb(226, 107, 103)|[[WhiteMoon: Руководство по службе безопасности|Гайд на службу безопасности]]|[[Файл:Hudsunglasses.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[InteQ|InteQ]]|[[Файл:InteQ.png|ссылка=|40px]]}}
{{Guide-item|rgb(226, 107, 103)|[[Нормативы Рабочих Процедур|Нормативы Рабочих Процедур]]|[[Файл:Scroll11.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[Syndicate|Синдикат]]|[[Файл:Syndiemb.png|ссылка=|40px]]}}
{{Guide-item|rgb(226, 107, 103)|[[Космический Закон|Космический закон]]|[[Файл:SpaceLaw.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|rgb(226, 107, 103)|[[Бумажная работа|Бумажная работа]]|[[Файл:Pen.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
}}</div>
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
 
}}
<div class="guide-bg guide-bg-service" style="width:50%">
<div class="guide">
{{Guide-panel|rgb(71, 149, 80, 0.1)|
<center>
{{Guide-header|'''Сервис'''|[[Файл:Mrn.png|ссылка=|37px]]}}
{{Guide-panel|0, 0, 0, 0|lore-bg|
|
|
{{Guide-item|rgb(101, 179, 108)|[[WhiteMoon: Рецепты еды|Рецепты еды]]|[[Файл:Meat.png|ссылка=|40px]]}}
{{Guide-item|12, 118, 111|[[НРП Командующего состава|НРП Командующего состава]]|[[Файл:Crown.png|ссылка=|40px]]}}
{{Guide-item|rgb(101, 179, 108)|[[WhiteMoon: Рецепты напитков|Рецепты напитков]]|[[Файл:Blue hawaiian.png|ссылка=|40px]]}}
{{Guide-item|212, 148, 36|[[НРП Инженерного отдела|НРП Инженерного отдела]]|[[Файл:Supermatter-bg.png|ссылка=|25px]]}}
{{Guide-item|rgb(101, 179, 108)|[[WhiteMoon: Гидропоника|Гидропоника]]|[[Файл:Cultivator.png|ссылка=|40px]]}}
{{Guide-item|170, 102, 204|[[НРП отдела Исследований и Разработок|НРП Научного отдела]]|[[Файл:Generic borg.png|ссылка=|40px]]}}
{{Guide-item|rgb(101, 179, 108)|[[Музыка|Музыка]]|[[Файл:GuitarIcon.png|ссылка=|40px]]}}
{{Guide-item|191, 76, 76|[[НРП Службы Безопасности|НРП Службы Безопасности]]|[[Файл:Hudsunglasses.png|ссылка=|40px]]}}
}}</div>
{{Guide-item|191, 76, 76|[[НРП Закона|НРП Закона]]|[[Файл:SpaceLaw.png|ссылка=|40px]]}}
{{Guide-item|191, 76, 76|[[НРП Юридического отдела|НРП Юридического отдела]]|[[Файл:Scroll11.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[НРП Медицинского отдел|НРП Медицинского отдела]]|[[Файл:Brutefak.png|ссылка=|40px]]}}
{{Guide-item|119, 85, 47|[[НРП отдела Снабжения|НРП Отдела Снабжения]]|[[Файл:GrayCrate.png|ссылка=|40px]]}}
{{Guide-item|71, 149, 80|[[НРП Сервисного отдела|НРП Сервисного отдела]]|[[Файл:Blue hawaiian.png|ссылка=|40px]]}}
{{Guide-item|191, 76, 76|[[НРП Синдиката|НРП Синдиката]]|[[Файл:Syndiemb.png|ссылка=|40px]]}}
}}
</center>
</div>
</div>


<div style="display: flex; justify-content: row; gap: 10px; margin: 10px;">
Тип урона, можно навестись
<div class="guide-bg guide-bg-antag" style="width:50%">
<pre>{{BRUTE}}
{{Guide-panel|rgb(76, 30, 30)|
{{BURN}}  
{{Guide-header|'''Антагонисты'''|[[Файл:AntagPerson.png|ссылка=|45px]]}}
{{OXY}}  
|
{{TOX}}
{{Guide-item|rgb(109, 59, 57)|[[Взлом|Взлом]]|[[Файл:IGloves.png|ссылка=|40px]]}}
{{STAM}}  
{{Guide-item|rgb(109, 59, 57)|[[Боевка|Боевка]]|[[Файл:Combat 32.png|ссылка=|40px]]}}
{{BLEED}}</pre>
{{Guide-item|rgb(109, 59, 57)|[[Вещи антагонистов|Вещи антагонистов]]|[[Файл:Syndibox.png|ссылка=|40px]]}}
{{Guide-item|rgb(109, 59, 57)|[[BlueMoon: Самодельное оружие|Самодельное оружие]]|[[Файл:Stunprod.png|ссылка=|40px]]}}
}}</div>


<div class="guide-bg guide-bg-misc" style="width:50%">
{{BRUTE}}
{{Guide-panel|rgb(12, 118, 111, 0.1)|
{{BURN}}  
{{Guide-header|'''Прочее'''|[[Файл:Rirmrrah.png|ссылка=|45px]]}}
{{OXY}}  
|
{{TOX}}
{{Guide-item|rgb(69, 159, 151)|[[WhiteMoon: ИИ модули|ИИ модули]]|[[Файл:Circuitboard.png|ссылка=|40px]]}}
{{STAM}}  
{{Guide-item|rgb(69, 159, 151)|[[Музыка|Музыка]]|[[Файл:GuitarIcon.png|ссылка=|40px]]}}
{{BLEED}}
{{Guide-item|rgb(69, 159, 151)|[[Бумажная работа|Бумажная работа]]|[[Файл:Pen.png|ссылка=|40px]]}}
{{Guide-item|rgb(69, 159, 151)|[[WhiteMoon: Самодельное оружие|Самодельное оружие]]|[[Файл:Stunprod.png|ссылка=|40px]]}}
}}</div>
</div>

Текущая версия от 10:18, 24 октября 2025

<div class="vtabs">
  <div class="vtabs-buttons">
    <div class="vtabs-button active">Заголовок 1</div>
    <div class="vtabs-button">Заголовок 2</div>
    <div class="vtabs-button">Заголовок 3</div>
  </div>
  <div class="vtabs-content-wrapper">
    <div class="vtabs-content active">Ячейка 1</div>
    <div class="vtabs-content">Ячейка 2</div>
    <div class="vtabs-content">Ячейка 3</div>
  </div>
</div>
Заголовок 1
Заголовок 2
Заголовок 3
Ячейка 1
Ячейка 2
Ячейка 3


Удобная дропдаун панелька 

{{colstr|Название|Текст внутри}}
Название▼

Текст внутри

Пример - Взлом


Появление панельки при наведении на текст 

{{tooltip|Текст|текст внутри}}
[[Текст]]
текст внутри
 Текст
текст внутри
 Текст
текст внутри

Можно использовать как стильную вставку текста 

{{Guide-panel|227, 148, 63|lore-bg-inteq|
[[File:inteqlogo.png|thumb|96px||<center>Логотип InteQ|link=]]
Вставить текст
|
}}
{{Guide-panel|60, 108, 65||
[[File:Vampire.png|left|96px|link=]]
Вставить текст
|
}}
Логотип InteQ

Вставить текст

Вставить текст 

{{Coloredbox
|color = #2cafd380
|titlecolor = #722521
|title= Оглавление
|content = Ваш текст здесь
}}
Оглавление
Ваш текст здесь


{{Сoloredbox/Color|Синий
|title = Оглавление
|content = 
Ваш текст здесь
}}
{{Сoloredbox/Color|Зеленый
|title = Оглавление
|content = 
Ваш текст здесь
}}
{{Сoloredbox/Color|Красный
|title = Оглавление
|content = 
Ваш текст здесь
}}
Оглавление
Ваш текст здесь
Оглавление
Ваш текст здесь
Оглавление
Ваш текст здесь


Можно вот так сгруппировать ссылки 

{{Guide-panel|61, 165, 220|lore-bg|
{{Guide-header|61, 165, 220|'''Организации'''|}}
|
{{Guide-item|91, 188, 245|[[InteQ|InteQ]]|[[Файл:InteQ.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[Syndicate|Синдикат]]|[[Файл:Syndiemb.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
{{Guide-item|91, 188, 245|[[]]|[[Файл:.png|ссылка=|40px]]}}
}}
Организации
InteQ
Синдикат
[[]]
[[]]
[[]]
НРП Командующего состава
НРП Инженерного отдела
НРП Научного отдела
НРП Службы Безопасности
НРП Закона
НРП Юридического отдела
НРП Медицинского отдела
НРП Отдела Снабжения
НРП Сервисного отдела
НРП Синдиката

Тип урона, можно навестись 

{{BRUTE}}
{{BURN}} 
{{OXY}} 
{{TOX}}
{{STAM}} 
{{BLEED}}

BRUTE BURN OXY TOX STAM BLEEDING

Источник — https://wiki.ss13-bluemoon.ru/index.php?title=Test&oldid=4124