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

MC:Руководство редактора: различия между версиями

Материал из Space Stories Wiki
Нет описания правки
Метка: ручная отмена
Нет описания правки
Строка 21: Строка 21:
<h2 id="Перед_началом">1. Перед началом</h2>
<h2 id="Перед_началом">1. Перед началом</h2>


* Пользуйтесь кнопкой '''«Предпросмотр»'''. Она показывает результат без сохранения страницы.
* Всегда пользуйтесь кнопкой '''«Предпросмотр»'''. Она показывает будущий вид страницы, но ещё ничего не сохраняет.
* Кратко описывайте правку в поле под редактором: например, «обновил характеристики оружия».
* Кратко описывайте правку в поле под редактором: например, «обновил характеристики оружия». Так другим редакторам проще понять историю страницы.
* Не копируйте старый код вслепую: на старых страницах встречаются лишние параметры и устаревшие стили.
* Не копируйте старый код вслепую. На старых страницах встречаются лишние параметры, устаревшие стили и временные решения, которые давно пора было забыть.
* Не удаляйте незнакомый шаблон или класс. Сначала спросите, зачем он нужен.
* Не удаляйте незнакомый шаблон или класс. Сначала выясните, зачем он нужен и какие страницы от него зависят.


<div class="scmc-training-note"><b>Названия страниц.</b> Обычные статьи называем понятными русскими словами. Для служебных страниц отдела используем префикс <code>MC:</code>: например, <code>MC:Руководство_редактора</code>. В коде вместо пробелов ставим нижнее подчёркивание <code>_</code>.</div>
<div class="scmc-training-note"><b>Названия страниц.</b> Обычные статьи называем понятными русскими словами. Для служебных страниц отдела используем префикс <code>MC:</code>. При создании страницы пробелы в её техническом названии заменяем нижним подчёркиванием: <code>MC:Руководство_редактора</code>.</div>
 
Гиперссылка в тексте состоит из двух частей. Сначала указываем точное название страницы, затем ставим <code>|</code> и пишем текст, который увидит читатель. В отображаемом тексте нижние подчёркивания не нужны:


<div class="scmc-training-demo">
<div class="scmc-training-demo">
<div>
<div>
<div class="scmc-training-label">Код</div>
<div class="scmc-training-label">Код</div>
<pre><nowiki>[[MC:Руководство_редактора|Руководство редактора]]</nowiki></pre>
<pre><nowiki>[[MC:Сканер_ссылок|Сканер ссылок]]</nowiki></pre>
</div>
</div>
<div>
<div>
<div class="scmc-training-label">Результат</div>
<div class="scmc-training-label">Результат</div>
<div class="scmc-training-result">[[MC:Руководство_редактора|Руководство редактора]]</div>
<div class="scmc-training-result">[[MC:Сканер_ссылок|Сканер ссылок]]</div>
</div>
</div>
</div>
</div>
Если название страницы и текст ссылки должны выглядеть одинаково, часть после <code>|</code> можно не писать: <code><nowiki>[[Морпехи]]</nowiki></code>.
</div>
</div>


Строка 69: Строка 73:
</div>
</div>


<div class="scmc-training-note">Пустая строка разделяет абзацы. Не ставьте много тегов <code>&lt;br&gt;</code> подряд только ради отступа.</div>
Знаки <code>==</code> создают раздел, а <code>===</code> — подраздел внутри него. Количество знаков с обеих сторон заголовка должно совпадать. Каждый пункт списка начинается с новой строки со знаком <code>*</code>.
 
<div class="scmc-training-note">Пустая строка разделяет абзацы. Не ставьте много тегов <code>&lt;br&gt;</code> подряд ради отступа: если страница требует десятка ручных переносов, проблема обычно в вёрстке, а не в тексте.</div>
</div>
</div>


Строка 75: Строка 81:
<h2 id="Изображения">3. Изображения</h2>
<h2 id="Изображения">3. Изображения</h2>


Обычное изображение вставляется так:
Сначала файл нужно загрузить на вики, запомнив его точное название и расширение. После этого обычное изображение вставляется так:


<div class="scmc-training-demo">
<div class="scmc-training-demo">
Строка 88: Строка 94:
</div>
</div>


Размер добавляйте только тогда, когда он действительно нужен:
Размер добавляйте только тогда, когда изображение без него получается слишком большим или должно совпадать с другими элементами:


<pre><nowiki>[[Файл:CMlog.png|160px]]</nowiki></pre>
<pre><nowiki>[[Файл:CMlog.png|160px]]</nowiki></pre>


Для большой иллюстрации с подписью:
Для большой иллюстрации в тексте можно использовать миниатюру, положение и подпись:


<pre><nowiki>[[Файл:CMlog.png|мини|справа|Логотип Marine Corps]]</nowiki></pre>
<pre><nowiki>[[Файл:CMlog.png|мини|справа|Логотип Marine Corps]]</nowiki></pre>
Строка 188: Строка 194:
<h2 id="Минимум_CSS">5. Минимум CSS</h2>
<h2 id="Минимум_CSS">5. Минимум CSS</h2>


Класс связывает элемент страницы с готовым оформлением:
CSS отвечает за внешний вид страницы. В викитексте мы указываем элементу класс через <code>class=""</code>, а в CSS описываем этот класс, поставив перед его названием точку. В примере ниже класс <code>scmc-note</code> добавляет внутренний отступ и цвет текста:


<div class="scmc-training-demo">
<div class="scmc-training-demo">
Строка 211: Строка 217:
<li>Не меняйте <code>Common.css</code> ради одной страницы. Для большой отдельной системы лучше сделать собственный CSS.</li>
<li>Не меняйте <code>Common.css</code> ради одной страницы. Для большой отдельной системы лучше сделать собственный CSS.</li>
</ul>
</ul>
<div class="scmc-training-warning"><b>Если вы только начинаете работать с вики, CSS лучше не трогать.</b> Опишите, какое оформление нужно, и передайте задачу более опытным редакторам. Одна неудачная правка в общем файле стилей может изменить сразу несколько страниц.</div>
</div>
</div>



Версия от 18:54, 5 августа 2026


Учебный центр редакторов
База работы с вики
Короткая инструкция для первых правок: как оформить текст, поставить ссылку, добавить изображение и получить спрайт из игры.

1. Перед началом

  • Всегда пользуйтесь кнопкой «Предпросмотр». Она показывает будущий вид страницы, но ещё ничего не сохраняет.
  • Кратко описывайте правку в поле под редактором: например, «обновил характеристики оружия». Так другим редакторам проще понять историю страницы.
  • Не копируйте старый код вслепую. На старых страницах встречаются лишние параметры, устаревшие стили и временные решения, которые давно пора было забыть.
  • Не удаляйте незнакомый шаблон или класс. Сначала выясните, зачем он нужен и какие страницы от него зависят.
Названия страниц. Обычные статьи называем понятными русскими словами. Для служебных страниц отдела используем префикс MC:. При создании страницы пробелы в её техническом названии заменяем нижним подчёркиванием: MC:Руководство_редактора.

Гиперссылка в тексте состоит из двух частей. Сначала указываем точное название страницы, затем ставим | и пишем текст, который увидит читатель. В отображаемом тексте нижние подчёркивания не нужны:

Код
[[MC:Сканер_ссылок|Сканер ссылок]]
Результат

Если название страницы и текст ссылки должны выглядеть одинаково, часть после | можно не писать: [[Морпехи]].

2. Базовый викитекст

Код
== Большой раздел ==
=== Подраздел ===

'''Жирный текст'''
''Курсив''

* Первый пункт
* Второй пункт

[[Морпехи|Страница о морпехах]]
Что получится

Большой раздел → Подраздел
Жирный текст и курсив
• Первый пункт
• Второй пункт
Страница о морпехах

Знаки == создают раздел, а === — подраздел внутри него. Количество знаков с обеих сторон заголовка должно совпадать. Каждый пункт списка начинается с новой строки со знаком *.

Пустая строка разделяет абзацы. Не ставьте много тегов <br> подряд ради отступа: если страница требует десятка ручных переносов, проблема обычно в вёрстке, а не в тексте.

3. Изображения

Сначала файл нужно загрузить на вики, запомнив его точное название и расширение. После этого обычное изображение вставляется так:

Код
[[Файл:CMlog.png]]
Результат

Размер добавляйте только тогда, когда изображение без него получается слишком большим или должно совпадать с другими элементами:

[[Файл:CMlog.png|160px]]

Для большой иллюстрации в тексте можно использовать миниатюру, положение и подпись:

[[Файл:CMlog.png|мини|справа|Логотип Marine Corps]]
Не усложняйте код без причины. Не добавляйте link=, жёсткие размеры вроде 48x48px и другие параметры только потому, что увидели их на старой странице. link= нужен в отдельных шаблонах и элементах интерфейса — самостоятельно его обычно не используем.
  • Проверьте точное название и расширение файла: .png, .jpg или другое.
  • Давайте новым файлам понятные названия, а не image123_final2.png.
  • Сначала попробуйте простую запись Файл:Название.png; добавляйте параметры только под конкретную задачу.

4. Как получить спрайт из игры

1

Зайдите в мапперский

В мапперском у вас должны быть права администратора. Если нужных пунктов меню нет, попросите главу отдела выдать доступ.

Фото 1 — вход в мапперский
2

Выберите объект

Спрайт есть не только у предметов. Можно экспортировать персонажа, постройку и другие объекты. Нажмите по нужному объекту правой кнопкой мыши, откройте раздел «Дебаг» и в самом низу выберите «Экспорт спрайта».

Фото 2 — кнопка «Экспорт спрайта»
3

Найдите экспортированные файлы

На Windows откройте Проводник и вставьте в адресную строку:

%APPDATA%\Space Station 14\data\Exports\

Переменная %APPDATA% сама подставит имя пользователя и нужный диск. Если папка не открылась, путь может отличаться из-за системы или способа установки игры — найдите папку Space Station 14\data\Exports вручную.

Обычно игра сохраняет четыре изображения — вид объекта с разных сторон. У большинства предметов они одинаковые, поэтому можно взять любое.

Фото 3 — четыре экспортированных изображения

Проблема: спрайт не экспортируется

Экспорт может не сработать, если в названии объекта есть символ, запрещённый в имени файла Windows: например, ", <, >, :, /, \, |, ? или *. Экспортёр пытается назвать файл так же, как объект, и получает ошибку.

Фото 4 — проблемное название

До экспорта нажмите по объекту правой кнопкой мыши, откройте «Трюки» и временно измените название на безопасное. Затем повторите экспорт.

Фото 5 — безопасное переименование
Если вы уже попытались экспортировать объект с проблемным названием, перезайдите в игру. После этого сначала переименуйте объект и только потом снова экспортируйте.

Проблема: длинный спрайт обрезается

Такое часто бывает с оружием, спрайт которого шире обычных 32×32 пикселей.

  1. Нажмите по объекту правой кнопкой мыши и откройте первую категорию View Variables.
  2. Откройте клиентский компонент SpriteComponent.
  3. В поле Offset поставьте значение X = 0.5 и экспортируйте первую часть.
  4. Затем поставьте X = -0.5 и экспортируйте вторую часть.
  5. Соедините две части в Paint или Aseprite.

Фото 6 — поле Offset в SpriteComponent

5. Минимум CSS

CSS отвечает за внешний вид страницы. В викитексте мы указываем элементу класс через class="", а в CSS описываем этот класс, поставив перед его названием точку. В примере ниже класс scmc-note добавляет внутренний отступ и цвет текста:

Викитекст страницы
<div class="scmc-note">Важная информация</div>
CSS
.scmc-note {
    padding: 10px;
    color: #dce8f2;
}
  • Сначала ищите готовый класс. Не создавайте новый стиль для того, что уже оформлено.
  • Новые классы Marine Corps начинайте с scmc-.
  • Не задавайте глобальные стили для img, table, h2 или .wikitable: они заденут чужие страницы.
  • Не используйте style="" и !important без согласования.
  • Не меняйте Common.css ради одной страницы. Для большой отдельной системы лучше сделать собственный CSS.
Если вы только начинаете работать с вики, CSS лучше не трогать. Опишите, какое оформление нужно, и передайте задачу более опытным редакторам. Одна неудачная правка в общем файле стилей может изменить сразу несколько страниц.

6. Перед сохранением

  • Откройте предпросмотр и проверьте страницу на компьютере и телефоне.
  • Проверьте ссылки, изображения, заголовки и списки.
  • Убедитесь, что не добавили лишние link=, style="" или случайно скопированные классы.
  • Напишите короткое описание изменения и сохраните страницу.
Если сомневаетесь — спросите до сохранения. Исправить вопрос быстрее, чем потом раскапывать, почему одна картинка держит на себе половину страницы.