Оформление и глоссарий

Шаблон статьи, посвящённой SCP-объекту

[[>]]
[[module Rate]]
[[/>]]

**Объект №:** SCP-###

**Класс объекта:** [[[safe |Безопасный]]]/[[[euclid |Евклид]]]/[[[keter |Кетер]]]

**Особые условия содержания:** ███████ ██████ ██████.

**Описание:** ██████ █████ ██████.

**Приложение:** ██████ █████ █████.

Если ваша авторская статья ещё не готова, следует это указать:

[[=]]
**Данная статья пока не завершена.**
[[/=]]
----
+ Пример

Добавление изображений

Сначала нужно загрузить файл через меню «Файлы» внизу страницы, на которую вы хотите добавить файл. Затем необходимо добавить изображение в саму статью, вот несколько вариантов.

Блок с картинкой, выровненный по правому краю:

[[div class="rimg"]]
[[image имя_файла width="300" ]]
[[span]]Подпись на _
двух строчках[[/span]]
[[/div]]
+ Пример

Альтернативный вариант:

[[div class="scp-image-block block-right" style="width:300px;"]]
[[image имя_файла style="width:300px;" link=#]]
[[div class="scp-image-caption" style="width:300px;"]]
Подпись
[[/div]]
[[/div]]
[[module CSS]]
/* Standard Image Block */
.scp-image-block {
    border: solid 1px #666;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
}

.scp-image-block.block-right {
        float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}

.scp-image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}

.scp-image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
.scp-image-block img {
    border: 0;
    width: 300px;
}
.scp-image-block .scp-image-caption {
    background-color: #eee;
    border-top: solid 1px #666;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
.scp-image-block > p {
    margin: 0;
}
.scp-image-block .scp-image-caption > p {
    margin: 0;
    padding: 0 10px;
}
[[/module]]
+ Пример

Блок с картинкой, выровненный по левому краю:

[[div class="limg"]]
[[image имя_файла width="300"]]
[[span]]Подпись на _
двух строчках[[/span]]
[[/div]]
+ Пример

Альтернативный вариант:

[[div class="error-block"]]
Included page "component:image-block-left" does not exist ([/component:image-block-left/edit/true create it now])
[[/div]]
+ Пример

Блок с картинкой, выровненный по центру:

[[div class="cimg"]]
[[image имя_файла width="300"]]
[[span]]Подпись[[/span]]
[[/div]]
+ Пример

Галерея изображений:

[[div class="класс изображения"]]
[[image имя_файла_1 width="300"]]
[[span]]Подпись 1[[/span]]
[[image имя_файла_2 width="300"]]
[[span]]Подпись 2[[/span]]
...
[[image имя_файла_n width="300"]]
[[span]]Подпись n[[/span]]
[[/div]]
+ Пример

Блок с картинкой произвольной ширины (настраивается в style)

[[div class="класс изображения" style="width:345px"]]
[[image имя_файла width="345"]]
[[span]]Подпись[[/span]]
[[/div]]
+ Пример

Блок с небольшой картинкой, при нажатии в новом окне открывается полноразмерная версия
Примечание: звёздочка перед ссылкой - не опечатка, нужна для того, чтобы изображение открывалось не в текущем, а в новом окне.

[[div class="класс изображения"]]
[[image имя_миниатюры link="*http://полная ссылка на изображение" width="ширина"]]
[[span]]Подпись[[/span]]
[[/div]]
+ Пример

Атрибут width, как несложно догадаться, обозначает ширину.

Оформление цитат

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

> Цитируемый текст.
+ Пример

Примечания

Примечание добавляется сразу после слова, которое необходимо пояснить, и оформляется так:

Текст[[footnote]]Текст примечания[[/footnote]]

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

[[footnoteblock title="Новое название для модуля сносок"]]
+ Пример

Спойлеры

Спойлеры могут использоваться для добавления разных дополнительных материалов непосредственно в статью объекта. Оформляются они так:

[[collapsible show="+ Надпись при открытии спойлера" hide="- Надпись при закрытии спойлера"]]
Текст
[[/collapsible]]
+ Надпись при открытии спойлера

Если текст очень длинный, можно использовать спойлер с кнопкой закрытия и сверху, и снизу:

[[collapsible show="+ Надпись при открытии спойлера" hide="- Надпись при закрытии спойлера" hideLocation="both"]]
Очень
Длинный
Текст
[[/collapsible]]
+ Надпись при открытии спойлера

Ссылки в статье

Для создания ссылки на SCP-oбъект достаточно просто поместить его обозначение в тройные квадратные скобки:

[[[SCP-173]]] → SCP-173

Ссылка на любую другую страницу, находящуюся на данном сайте, оформляется так:

[[[experiment-log-914|Протокол экспериментов 914]]] → Протокол экспериментов 914
[[[scp-173|Скульптура]]] → Скульптура

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

[http://en.wikipedia.org/wiki/Dyson_sphere Сфера Дайсона] → Сфера Дайсона
[*http://en.wikipedia.org/wiki/Dyson_sphere Сфера Дайсона] → Сфера Дайсона (ссылка открывается в новой вкладке)

Ссылка на профиль викидота:

[[user ник_пользователя]] или [[*user ник_пользователя]] (второй вариант для отображение иконки аватара)
[[user resure]] → Resure
[[*user resure]] → ResureResure

Аудиофайлы

Нужно загрузить файл локально и применить следующий модуль:

[[div class="error-block"]]
Flash Player is no longer supported! Use https://snippets.wikidot.com/code:html5player instead.
[[/div]]

[!--
[[iframe http://snippets.wdfiles.com/local--code/code:mp3#{$URL}{$autoplay} frameborder="0" scrolling="no" width="320px" height="40px"]]
--]

Заголовки

+ Заголовок первого уровня
++ Заголовок второго уровня
+++ Заголовок третьего уровня
++++ Заголовок четвёртого уровня
+++++ Заголовок пятого уровня

Содержание страницы

Содержание составляется автоматически и состоит из кликабельного списка заголовков всех уровней.

[[toc title="Названия_блока"]]
+ Пример

Форматирование текста

пишем вот это а получаем следующее
//курсив// курсив
**полужирный** полужирный
//**жирный и курсив**// жирный и курсив
__подчеркивание__ подчеркивание
--зачеркнутый текст-- зачеркнутый текст
{{моноширинный текст}} моноширинный текст
текст^^верхний индекс^^ текстверхний индекс
текст,,нижний индекс,, текстнижний индекс
[!-- (невидимый) комментарий --]
[[span style="color:red"]]произвольный SPAN элемент[[/span]] произвольный SPAN элемент
цвет заданный ##blue|именем## или ##44BB88|шестнадцатеричным кодом## цвет заданный именем или шестнадцатеричным кодом
меняем [[span style="background-color:red"]]цвет фона[[/span]] у текста меняем цвет фона у текста

Размер шрифта

пишем вот это а получаем следующее
[[size 80%]]80% стандартного размера[[/size]] 80% стандартного размера
[[size 100%]]100% стандартного размера[[/size]] 100% стандартного размера
[[size 150%]]150% стандартного размера[[/size]] 150% стандартного размера
[[size xx-small]]крохотный шрифт (XXS)[[/size]] крохотный шрифт (XXS)
[[size x-small]]очень маленький шрифт (XS)[[/size]] очень маленький шрифт (XS)
[[size small]]маленький шрифт (S)[[/size]] маленький шрифт (S) АА
обычный шрифт обычный шрифт
[[size large]]большой шрифт (L)[[/size]] большой шрифт (L)
[[size x-large]]очень большой шрифт (XL)[[/size]] очень большой шрифт (XL)
[[size xx-large]]огромный шрифт (XXL)[[/size]] огромный шрифт (XXL)
[[size smaller]]меньше обычного[[/size]] меньше обычного
обычный текст обычный текст
[[size larger]]больше обычного[[/size]] больше обычного

Форматирование заголовка страницы

Заголовок страницы не форматируется, но выход есть. Сначала надо спрятать на странице основной заголовок, вставив следующий модуль в статью:

[[module CSS]]
#page-title { 
display: none;
}
[[/module]]

Затем новый заголовок в теле самой статьи следующим образом:

[[div style="color: #901; font-weight: normal; font-size: 190%; border-bottom: 1px solid #AAA"]]
Новый заголовок
[[/div]]
@@@@
+ Как это выглядит

Списки

Маркированный список

* Элемент 1
* Элемент 2
 * Элемент 2.1
  • Элемент 1
  • Элемент 2
    • Элемент 2.1

Нумерованный список:

# Элемент 1
# Элемент 2
 # Элемент 2.1
  1. Элемент 1
  2. Элемент 2
    1. Элемент 2.1

Горизонтальная черта

----

Типография

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

вы пишете получаете
``двойные кавычки'' “двойные кавычки”
`одинарные кавычки' ‘одинарные кавычки’
,,кавычки-лапки'' „кавычки-лапки”
<<кавычки ёлочка>> «кавычки ёлочка»
многоточие... многоточие…
длинное -- тире длинное — тире

Таблицы

Таблицы оформляются следующим образом:

||~ Заголовок 1 ||~ Заголовок 2 ||~ Заголовок 3 ||
|| Ячейка 1 || Ячейка 2 || Ячейка 3 ||
|||| Длинная ячейка 4 || Ячейка 5 ||
|| Ячейка 6 |||| Длинная ячейка 7 ||
|||||| Очень длинная ячейка 8||
Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 1 Ячейка 2 Ячейка 3
Длинная ячейка 4 Ячейка 5
Ячейка 6 Длинная ячейка 7
Очень длинная ячейка 8

Вкладки

Оформление вкладок на странице:

[[tabview]]
[[tab Имя первой вкладки]]
Содержимое первой вкладки.
[[/tab]]
[[tab Имя второй вкладки]]
Содержимое второй вкладки.
[[/tab]]
[[tab Имя третьей вкладки]]
Содержимое третьей вкладки.
[[/tab]]
[[/tabview]]

Форматирование блоков

Для применения горизонтального выравнивания блоков текста:

[[<]]
По левому краю
[[/<]]

По левому краю

[[>]]
По правому краю
[[/>]]

По правому краю

[[=]]
По центру
[[/=]]

По центру

Для выравнивания по центру одной строки достаточно добавить в её начале «=»:

= Одна строка

Одна строка

Иногда блоки налезают друг на друга, и их надо как-то разделить. Для этого можно использовать тильды:

~~~~
версия страницы: 4, Последняя правка: 18 Apr 2020 08:15
Редактировать Оценить (0) Теги Обсудить (0) История Файлы Печать Инструменты + Опции
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License