http://ru.ru-skazki.ru/index.php?action=history&feed=atom&title=%D0%A0%D1%83%D0%A1%D0%BA%D0%B0%D0%B7%D0%BA%D0%B8%3A%D0%A1%D1%82%D0%B8%D0%BB%D0%B8_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2РуСказки:Стили шаблонов - История изменений2026-05-08T02:56:55ZИстория изменений этой страницы в викиMediaWiki 1.41.1http://ru.ru-skazki.ru/index.php?title=%D0%A0%D1%83%D0%A1%D0%BA%D0%B0%D0%B7%D0%BA%D0%B8:%D0%A1%D1%82%D0%B8%D0%BB%D0%B8_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2&diff=21092&oldid=prevAndras в 16:31, 16 июня 20242024-06-16T16:31:57Z<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;">Версия от 19:31, 16 июня 2024</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"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Руководство}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; 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> </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"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''TemplateStyles''' (''сокращённо'' — '''TS''') — позволяет создавать CSS-страницы для стилизации содержимого без необходимости редактирования администратором интерфейса общего CSS. TemplateStyles облегчает работу редакторов со стилями шаблонов, позволяя вынести CSS на отдельную страницу. Изначально возможность редактировать TS появилась у [[РуСказки:Администраторы|администраторов]] и [[РуСказки:Инженеры|инженеров]] в апреле 2018 года с помощью [[mw:Extension:TemplateStyles|расширения TemplateStyles]]. С января 2020 года возможность создавать и редактировать TS есть у участников, обладающих флагом [[РуСказки:Автопатрулируемые|автопатрулируемого]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''TemplateStyles''' (''сокращённо'' — '''TS''') — позволяет создавать CSS-страницы для стилизации содержимого без необходимости редактирования администратором интерфейса общего CSS. TemplateStyles облегчает работу редакторов со стилями шаблонов, позволяя вынести CSS на отдельную страницу. Изначально возможность редактировать TS появилась у [[РуСказки:Администраторы|администраторов]] и [[РуСказки:Инженеры|инженеров]] в апреле 2018 года с помощью [[mw:Extension:TemplateStyles|расширения TemplateStyles]]. С января 2020 года возможность создавать и редактировать TS есть у участников, обладающих флагом [[РуСказки:Автопатрулируемые|автопатрулируемого]].</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Строка 36:</td>
<td colspan="2" class="diff-lineno">Строка 36:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Special:Search/все: contentmodel:sanitized-css|Страницы со стилями шаблонов]] в русской Википедии</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Special:Search/все: contentmodel:sanitized-css|Страницы со стилями шаблонов]] в русской Википедии</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>--></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; 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;">{{Заготовка</del></div></td><td colspan="2" class="diff-side-added"></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;">|article = - Руководства РуСказок</del></div></td><td colspan="2" class="diff-side-added"></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;">|category = руководств</del></div></td><td colspan="2" class="diff-side-added"></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 colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:РуСказки:Справка по шаблонам]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:РуСказки:Справка по шаблонам]]</div></td></tr>
</table>Andrashttp://ru.ru-skazki.ru/index.php?title=%D0%A0%D1%83%D0%A1%D0%BA%D0%B0%D0%B7%D0%BA%D0%B8:%D0%A1%D1%82%D0%B8%D0%BB%D0%B8_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2&diff=21086&oldid=prevAndras: Новая страница: «{{Руководство}} '''TemplateStyles''' (''сокращённо'' — '''TS''') — позволяет создавать CSS-страницы для стилизации содержимого без необходимости редактирования администратором интерфейса общего CSS. TemplateStyles облегчает работу редакторов со стилями шаблонов, позволяя в...»2024-06-16T15:54:32Z<p>Новая страница: «{{Руководство}} '''TemplateStyles''' (''сокращённо'' — '''TS''') — позволяет создавать CSS-страницы для стилизации содержимого без необходимости редактирования администратором интерфейса общего CSS. TemplateStyles облегчает работу редакторов со стилями шаблонов, позволяя в...»</p>
<p><b>Новая страница</b></p><div>{{Руководство}}<br />
<br />
'''TemplateStyles''' (''сокращённо'' — '''TS''') — позволяет создавать CSS-страницы для стилизации содержимого без необходимости редактирования администратором интерфейса общего CSS. TemplateStyles облегчает работу редакторов со стилями шаблонов, позволяя вынести CSS на отдельную страницу. Изначально возможность редактировать TS появилась у [[РуСказки:Администраторы|администраторов]] и [[РуСказки:Инженеры|инженеров]] в апреле 2018 года с помощью [[mw:Extension:TemplateStyles|расширения TemplateStyles]]. С января 2020 года возможность создавать и редактировать TS есть у участников, обладающих флагом [[РуСказки:Автопатрулируемые|автопатрулируемого]].<br />
<br />
== Описание ==<br />
Страницы стилей шаблонов обычно располагаются на подстраницах с названием <code>Шаблон:Пример/'''styles.css'''</code>. Содержимое данных страниц при создании проверяется на отсутствие недопустимых определений: например, невозможно добавить стили с декларацией <code>url()</code> (кроме URL изображений из проектов Викимедиа), потому что это даёт возможность XSS.<br />
<!-- (Снимать закомментированность по мере вычитки).<br />
Стили вставляются на страницу посредством тэга <code><nowiki><templatestyles></nowiki></code> следующим образом:<br />
<source lang="html"><br />
<templatestyles src="Шаблон:Пример/styles.css" /><br />
</source><br />
Вставка стилей производится ''перед'' видимым кодом шаблона, чтобы избежать {{iw|Мелькание неоформленного содержимого|мелькания неоформленного содержимого||Flash of unstyled content}} ({{lang-en|flash of unstyled content}}).<br />
<br />
Стили шаблонов также могут располагаться в других пространствах имён. Чтобы страница в другом пространстве имён считалась движком страницей стилей, нужно изменить её модель содержимого с помощью страницы [[Special:ChangeContentModel]] (она доступна только [[ВП:Администраторы|администраторам]] и [[ВП:Инженеры|инженерам]]).<br />
<br />
== Принципы ==<br />
* Стили шаблона должны применяться только к его выводу. Они также могут применяться к тесно соотносящемуся с шаблоном соседствующему вики-тексту (например, легенде таблицы). Если добавление шаблона к одной части страницы будет полностью или частично менять отображение или стилизацию не связанной части страницы, это будет сбивать с толку.<br />
* Страницы стилей должны быть связаны с конкретным шаблоном или группой шаблонов и названы соответствующе. Это позволяет легко находить и редактировать их. В общих чертах это означает, что страница стилей должна быть подстраницей связанного шаблона, например {{хорошо|Шаблон:{{var|Мой шаблон}}/styles.css}} или {{хорошо|Шаблон:{{var|Мой шаблон}}/styles-{{var|foo}}.css}}, но не {{плохо|Шаблон:styles-{{var|foo}}.css}} или {{плохо|Шаблон:{{var|foo}}.css}}.<br />
* Крайне не рекомендуется использовать стили шаблонов напрямую в пространстве статей. Если вам кажется, что это уместно в некотором конкретном случае (к примеру, при единообразном оформлении ячеек таблиц), обратитесь на [[ВП:Ф-Т|технический форум]] — возможно, вам подскажут более удачное решение.<br />
* При именовании классов в стилях шаблонов используйте префикс вида <code>ts-{{var|[префикс]}}-</code>, чтобы избежать коллизий при использовании стилей двух шаблонов с одинаковыми селекторами. Рекомендуется, чтобы часть <code>{{var|[префикс]}}</code> соответствовала названию шаблона (кириллицей или латиницей), подстраницей которого являются создаваемые вами стили. При наличии в названии нестандартных символов заменяйте их на нижнее подчёркивание.<br />
* При редактировании CSS стилей следует пользоваться утвержденным стандартом MediaWiki — [[mw:Manual:Coding conventions/CSS|Manual:Coding conventions/CSS]]. В случаях, не описанных в данном документе, рекомендуется использовать [https://google.github.io/styleguide/htmlcssguide.html#CSS стандарты Google].<br />
* Пользуйтесь классами (<code>.{{var|class}}</code>). Не используйте идентификаторы (<code>#{{var|id}}</code>). Пользуйтесь каскадными селекторами (<code>.class .child</code>) как можно меньше. Не используйте <code>!important</code>, кроме как для перезаписи стилей в мобильных представлениях.<br />
* Старайтесь придерживаться принципа «[[Адаптивный веб-дизайн#Сначала мобильные («Mobile first»)|сначала мобильные]]» и пользуйтесь [[phab:source/wikimedia-ui-base/browse/master/wikimedia-ui-base.less|стандартными значениями системы дизайна Викимедиа]] при создании [[Адаптивный веб-дизайн|адаптивных стилей]]. Помните, что [[ВП:Оформление статей|правила оформления статей]] относится и к стилям шаблонов.<br />
* Не используйте [[Кроссбраузерность|некроссбраузерные]] решения.<br />
* Изображения, которые не требуют атрибуции (например, находящиеся в общественном достоянии), — единственные изображения, которые могут использоваться в качестве фоновых. (Для обычных файлов атрибуция дана на странице описания файла, доступного по клику на изображение. В случае фоновых изображений такой возможности нет.)<br />
* [[ВП:Правила защиты страниц|Уровень защиты]] страниц стилей должен совпадать с уровнем защиты связанного с ними шаблона. Если шаблон относится к [[Википедия:Правила защиты страниц#Критические шаблоны и модули|критическим]], то стили такого шаблона также относятся к критическим и должны иметь тот же уровень защиты.<br />
<br />
== Возможности ==<br />
* Доступны все простые свойства CSS3, недоступны вендорные префиксы (<code>-webkit-</code>, <code>-moz-</code>, <code>-ms-</code>, <code>-o-</code>).<br />
* Каждый CSS-селектор в рамках страницы со стилями при вставке стилей на страницу сопровождается классом <code>.mw-parser-output</code>. Это ограничивает использование стилей шаблонов контентной областью страницы (стилизация заголовка, вкладок и т. п. невозможна).<br />
* Доступны правила <code>@media</code>, <code>@keyframe</code>, но не стоит злоупотреблять при их использовании.<br />
<br />
== Ссылки ==<br />
* [[mw:Help:TemplateStyles|Более полная техническая документация]] на mediawiki.org<br />
* [[Википедия:Форум/Архив/Предложения/2018/02#CSS для шаблонов]] — обсуждение по включению расширения TemplateStyles<br />
* [[Special:Search/все: contentmodel:sanitized-css|Страницы со стилями шаблонов]] в русской Википедии<br />
--><br />
{{Заготовка<br />
|article = - Руководства РуСказок<br />
|category = руководств<br />
}}<br />
[[Категория:РуСказки:Справка по шаблонам]]</div>Andras