https://wiki.adventurestation.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ASpanColor
Шаблон:SpanColor - История изменений
2026-05-03T02:12:22Z
История изменений этой страницы в вики
MediaWiki 1.45.1
https://wiki.adventurestation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:SpanColor&diff=5419&oldid=prev
Mr. Arceni: Обновление обработки параметров, обновление документации
2026-04-10T14:46:54Z
<p>Обновление обработки параметров, обновление документации</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 14:46, 10 апреля 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><includeonly><span style="color: {{#switch: {{lc:{{{1|<del style="font-weight: bold; text-decoration: none;">hex</del>}}}}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><includeonly><span style="color: {{#switch: {{lc:{{{1|}}}}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> | <del style="font-weight: bold; text-decoration: none;">rgb </del>= <del style="font-weight: bold; text-decoration: none;">rgb(</del>{{{2}}}<del style="font-weight: bold; text-decoration: none;">)</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> | = {{{2<ins style="font-weight: bold; text-decoration: none;">|</ins>}}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> | <del style="font-weight: bold; text-decoration: none;">rgba </del>= <del style="font-weight: bold; text-decoration: none;">rgba(</del>{{{2}}}<del style="font-weight: bold; text-decoration: none;">)</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> | <ins style="font-weight: bold; text-decoration: none;">hex </ins>= {{{2<ins style="font-weight: bold; text-decoration: none;">|</ins>}}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> | <del style="font-weight: bold; text-decoration: none;">hsl </del>= <del style="font-weight: bold; text-decoration: none;">hsl</del>({{{2}}})</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> | <ins style="font-weight: bold; text-decoration: none;">rgb </ins>= <ins style="font-weight: bold; text-decoration: none;">rgb</ins>({{{2<ins style="font-weight: bold; text-decoration: none;">|</ins>}}})</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> | <del style="font-weight: bold; text-decoration: none;">hsla </del>= <del style="font-weight: bold; text-decoration: none;">hsla</del>({{{2}}})</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> | <ins style="font-weight: bold; text-decoration: none;">rgba </ins>= <ins style="font-weight: bold; text-decoration: none;">rgba</ins>({{{2<ins style="font-weight: bold; text-decoration: none;">|</ins>}}})</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> | <del style="font-weight: bold; text-decoration: none;">hex </del>= <del style="font-weight: bold; text-decoration: none;">{{#if:</del>{{{2|}}}|<del style="font-weight: bold; text-decoration: none;">{{#if:{{#match:</del>{{{2<del style="font-weight: bold; text-decoration: none;">}}}</del>|<del style="font-weight: bold; text-decoration: none;">^#}}|{{{2}}}|#{{{2}}}}</del>}}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> | <ins style="font-weight: bold; text-decoration: none;">hsl </ins>= <ins style="font-weight: bold; text-decoration: none;">hsl(</ins>{{{2|}}}<ins style="font-weight: bold; text-decoration: none;">)</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}};">{{{3|}}}</span></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> </ins>| <ins style="font-weight: bold; text-decoration: none;">hsla = hsla(</ins>{{{2|}}}<ins style="font-weight: bold; text-decoration: none;">)</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></includeonly><noinclude></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}};">{{{3|}}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">==Шаблон SpanColor==</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></span></includeonly><noinclude></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Этот </del>шаблон <del style="font-weight: bold; text-decoration: none;">представляет из себя покраску </del>текста<del style="font-weight: bold; text-decoration: none;">, как шаблон <nowiki>{{Цвет}}</del></<del style="font-weight: bold; text-decoration: none;">nowiki</del>><del style="font-weight: bold; text-decoration: none;">, но позволяет вставить свой Hex или rgb цвет. Отличие в том что шаблон </del><nowiki>{{<del style="font-weight: bold; text-decoration: none;">Цвет</del>}}</nowiki> <del style="font-weight: bold; text-decoration: none;">использует заготовленные цвета </del>в <del style="font-weight: bold; text-decoration: none;">своем шаблоне</del>, <del style="font-weight: bold; text-decoration: none;">а <nowiki>{{Spancolor}}</nowiki> использует RGB</del>, <del style="font-weight: bold; text-decoration: none;">HEX и HSL</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Данный </ins>шаблон <ins style="font-weight: bold; text-decoration: none;">позволяет менять цвет введенного </ins>текста <ins style="font-weight: bold; text-decoration: none;">на производный.</ins><<ins style="font-weight: bold; text-decoration: none;">br</ins>/></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Использование <del style="font-weight: bold; text-decoration: none;">шаблона</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Составные части шаблона:</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Примеры использования <del style="font-weight: bold; text-decoration: none;">этого шаблона вот такие. Для HSL используйте проценты обязательно</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> </ins><nowiki>{{<ins style="font-weight: bold; text-decoration: none;">SpanColor|ТИП|ЦВЕТ|ТЕКСТ</ins>}}</nowiki></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><br> </del><code><nowiki>{{SpanColor|rgb|5, 0, 198|<del style="font-weight: bold; text-decoration: none;">Синий</del>}}</nowiki></code> <del style="font-weight: bold; text-decoration: none;">--</del>></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Где:</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{SpanColor|rgb|5, 0, 198|<del style="font-weight: bold; text-decoration: none;">Синий</del>}} </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* ТИП - тип цветовой палитры. Доступные параметры: rgb, rgba, hsl, hsla, hex. Данный параметр может быть пропущен. Вариант по умолчанию: hex.</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><br> </del><code><nowiki>{{SpanColor|hsl|79, 100%, 60%|<del style="font-weight: bold; text-decoration: none;">Едкий зелёный</del>}}</nowiki></code> <del style="font-weight: bold; text-decoration: none;">--</del>> {{SpanColor|hsl|79, 100%, 60%|<del style="font-weight: bold; text-decoration: none;">Едкий зелёный</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* ЦВЕТ - цветовой код или палитра, </ins>в <ins style="font-weight: bold; text-decoration: none;">зависимости от выбранного типа. Если цветовые значения представляют отдельные числа</ins>, <ins style="font-weight: bold; text-decoration: none;">то данные числа должны быть разделены запятой.</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">===Дополнения===</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* ТЕКСТ - произвольный текст любой длины</ins>, <ins style="font-weight: bold; text-decoration: none;">к которому будут применены изменения.</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Добавлены Альфа параметры ко всем цветам, пример их использования</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Использование ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><br><del style="font-weight: bold; text-decoration: none;">RGBA </del>- <code><nowiki>{{SpanColor|rgba|255, 0, 0, 0.5|<del style="font-weight: bold; text-decoration: none;">Полупрозрачный красный</del>}}</nowiki></code> {{SpanColor|rgba|255, 0, 0, 0.5|<del style="font-weight: bold; text-decoration: none;">Полупрозрачный красный</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Примеры использования<ins style="font-weight: bold; text-decoration: none;">:</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><br>HSLA - </del><code><nowiki>{{SpanColor|hsla|200, 80%, 50%, 0.5|<del style="font-weight: bold; text-decoration: none;">Полупрозрачный голубой</del>}}</nowiki></code> {{SpanColor|hsla|200, 80%, 50%, 0.5|<del style="font-weight: bold; text-decoration: none;">Полупрозрачный голубой</del>}} </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Просто добавляйте значение от 0 до 1</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><code><nowiki><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|rgb|5, 0, 198|<ins style="font-weight: bold; text-decoration: none;">синего</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></nowiki></code><ins style="font-weight: bold; text-decoration: none;"><br/</ins>></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|rgb|5, 0, 198|<ins style="font-weight: bold; text-decoration: none;">синего</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><code><nowiki><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|hsl|79, 100%, 60%|<ins style="font-weight: bold; text-decoration: none;">едко-зелёного</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></nowiki></code><ins style="font-weight: bold; text-decoration: none;"><br/</ins>></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|hsl|79, 100%, 60%|<ins style="font-weight: bold; text-decoration: none;">едко-зелёного</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><code><nowiki>Текст {{SpanColor|hex|8f1ee7|сине-фиолетового}} цвета</nowiki></code><br/></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст {{SpanColor|hex|#8f1ee7|сине-фиолетового}} цвета</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><code><nowiki>Текст {{SpanColor||8f1ee7|сине-фиолетового}} цвета</nowiki></code></ins><br<ins style="font-weight: bold; text-decoration: none;">/</ins>></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст {{SpanColor||#8f1ee7|сине</ins>-<ins style="font-weight: bold; text-decoration: none;">фиолетового}} цвета</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><code><nowiki><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|rgba|255, 0, 0, 0.5|<ins style="font-weight: bold; text-decoration: none;">полупрозрачного красного</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></nowiki></code><ins style="font-weight: bold; text-decoration: none;"><br/></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|rgba|255, 0, 0, 0.5|<ins style="font-weight: bold; text-decoration: none;">полупрозрачного красного</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><code><nowiki><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|hsla|200, 80%, 50%, 0.5|<ins style="font-weight: bold; text-decoration: none;">полупрозрачного голубого</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></nowiki></code><ins style="font-weight: bold; text-decoration: none;"><br/></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Текст </ins>{{SpanColor|hsla|200, 80%, 50%, 0.5|<ins style="font-weight: bold; text-decoration: none;">полупрозрачного голубого</ins>}} <ins style="font-weight: bold; text-decoration: none;">цвета</ins></div></td></tr>
<!-- diff cache key mediawiki:diff:1.41:old-5410:rev-5419:php=table -->
</table>
Mr. Arceni
https://wiki.adventurestation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:SpanColor&diff=5410&oldid=prev
Mascot Valera: Новая страница: «<includeonly><span style="color: {{#switch: {{lc:{{{1|hex}}}}} | rgb = rgb({{{2}}}) | rgba = rgba({{{2}}}) | hsl = hsl({{{2}}}) | hsla = hsla({{{2}}}) | hex = {{#if:{{{2|}}}|{{#if:{{#match:{{{2}}}|^#}}|{{{2}}}|#{{{2}}}}}}} }};">{{{3|}}}</span> </includeonly><noinclude> ==Шаблон SpanColor== Этот шаблон представляет из себя покраску текста, как шаблон <nowiki>{{Цвет}}</nowiki>, н...»
2026-04-09T16:19:34Z
<p>Новая страница: «<includeonly><span style="color: {{#switch: {{lc:{{{1|hex}}}}} | rgb = rgb({{{2}}}) | rgba = rgba({{{2}}}) | hsl = hsl({{{2}}}) | hsla = hsla({{{2}}}) | hex = {{#if:{{{2|}}}|{{#if:{{#match:{{{2}}}|^#}}|{{{2}}}|#{{{2}}}}}}} }};">{{{3|}}}</span> </includeonly><noinclude> ==Шаблон SpanColor== Этот шаблон представляет из себя покраску текста, как шаблон <nowiki>{{Цвет}}</nowiki>, н...»</p>
<p><b>Новая страница</b></p><div><includeonly><span style="color: {{#switch: {{lc:{{{1|hex}}}}}<br />
| rgb = rgb({{{2}}})<br />
| rgba = rgba({{{2}}})<br />
| hsl = hsl({{{2}}})<br />
| hsla = hsla({{{2}}})<br />
| hex = {{#if:{{{2|}}}|{{#if:{{#match:{{{2}}}|^#}}|{{{2}}}|#{{{2}}}}}}}<br />
}};">{{{3|}}}</span><br />
</includeonly><noinclude><br />
==Шаблон SpanColor==<br />
Этот шаблон представляет из себя покраску текста, как шаблон <nowiki>{{Цвет}}</nowiki>, но позволяет вставить свой Hex или rgb цвет. Отличие в том что шаблон <nowiki>{{Цвет}}</nowiki> использует заготовленные цвета в своем шаблоне, а <nowiki>{{Spancolor}}</nowiki> использует RGB, HEX и HSL<br />
==Использование шаблона==<br />
Примеры использования этого шаблона вот такие. Для HSL используйте проценты обязательно<br />
<br> <code><nowiki>{{SpanColor|rgb|5, 0, 198|Синий}}</nowiki></code> --><br />
{{SpanColor|rgb|5, 0, 198|Синий}} <br />
<br> <code><nowiki>{{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}</nowiki></code> --> {{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}<br />
===Дополнения===<br />
Добавлены Альфа параметры ко всем цветам, пример их использования<br />
<br>RGBA - <code><nowiki>{{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}</nowiki></code> {{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}<br />
<br>HSLA - <code><nowiki>{{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}}</nowiki></code> {{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}} <br />
Просто добавляйте значение от 0 до 1</div>
Mascot Valera