Шаблон:spancolor

Вернуться

Строка 1: Строка 1:
<includeonly><span style="color: {{#switch: {{lc:{{{1|hex}}}}}
<includeonly><span style="color: {{#switch: {{lc:{{{1|}}}}}
     | rgb = rgb({{{2}}})
     | = {{{2|}}}
     | rgba = rgba({{{2}}})
     | hex = {{{2|}}}
     | hsl = hsl({{{2}}})
     | rgb = rgb({{{2|}}})
     | hsla = hsla({{{2}}})
     | rgba = rgba({{{2|}}})
     | hex = {{#if:{{{2|}}}|{{#if:{{#match:{{{2}}}|^#}}|{{{2}}}|#{{{2}}}}}}}
     | hsl = hsl({{{2|}}})
}};">{{{3|}}}</span>
    | hsla = hsla({{{2|}}})
</includeonly><noinclude>
}};">{{{3|}}}
==Шаблон SpanColor==
</span></includeonly><noinclude>
Этот шаблон представляет из себя покраску текста, как шаблон <nowiki>{{Цвет}}</nowiki>, но позволяет вставить свой Hex или rgb цвет. Отличие в том что шаблон <nowiki>{{Цвет}}</nowiki> использует заготовленные цвета в своем шаблоне, а <nowiki>{{Spancolor}}</nowiki> использует RGB, HEX и HSL
Данный шаблон позволяет менять цвет введенного текста на производный.<br/>
==Использование шаблона==
Составные части шаблона:
Примеры использования этого шаблона вот такие. Для HSL используйте проценты обязательно
<nowiki>{{SpanColor|ТИП|ЦВЕТ|ТЕКСТ}}</nowiki>
<br> <code><nowiki>{{SpanColor|rgb|5, 0, 198|Синий}}</nowiki></code> -->
Где:
{{SpanColor|rgb|5, 0, 198|Синий}}  
* ТИП - тип цветовой палитры. Доступные параметры: rgb, rgba, hsl, hsla, hex. Данный параметр может быть пропущен. Вариант по умолчанию: hex.
<br> <code><nowiki>{{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}</nowiki></code> --> {{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}
* ЦВЕТ - цветовой код или палитра, в зависимости от выбранного типа. Если цветовые значения представляют отдельные числа, то данные числа должны быть разделены запятой.
===Дополнения===
* ТЕКСТ - произвольный текст любой длины, к которому будут применены изменения.
Добавлены Альфа параметры ко всем цветам, пример их использования
== Использование ==
<br>RGBA - <code><nowiki>{{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}</nowiki></code> {{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}
Примеры использования:
<br>HSLA - <code><nowiki>{{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}}</nowiki></code> {{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}}  
 
Просто добавляйте значение от 0 до 1
<code><nowiki>Текст {{SpanColor|rgb|5, 0, 198|синего}} цвета</nowiki></code><br/>
Текст {{SpanColor|rgb|5, 0, 198|синего}} цвета
 
<code><nowiki>Текст {{SpanColor|hsl|79, 100%, 60%|едко-зелёного}} цвета</nowiki></code><br/>
Текст {{SpanColor|hsl|79, 100%, 60%|едко-зелёного}} цвета
 
<code><nowiki>Текст {{SpanColor|hex|8f1ee7|сине-фиолетового}} цвета</nowiki></code><br/>
Текст {{SpanColor|hex|#8f1ee7|сине-фиолетового}} цвета
 
<code><nowiki>Текст {{SpanColor||8f1ee7|сине-фиолетового}} цвета</nowiki></code><br/>
Текст {{SpanColor||#8f1ee7|сине-фиолетового}} цвета
 
<code><nowiki>Текст {{SpanColor|rgba|255, 0, 0, 0.5|полупрозрачного красного}} цвета</nowiki></code><br/>
Текст {{SpanColor|rgba|255, 0, 0, 0.5|полупрозрачного красного}} цвета
 
<code><nowiki>Текст {{SpanColor|hsla|200, 80%, 50%, 0.5|полупрозрачного голубого}} цвета</nowiki></code><br/>
Текст {{SpanColor|hsla|200, 80%, 50%, 0.5|полупрозрачного голубого}} цвета