ФЭНДОМ


Работа в исходном коде

Общее

На Fable Wiki есть два режима редактирования: визуальный редактор и исходный код (далее ИК). Все данные располагаются в ИК, а визуальный редактор лишь преобразует викитекст для наглядности.

Викитекст — это комбинация разных команд, как оригинальных, так и взятых из HTML. В сумме он предоставляет весьма широкий спектр возможностей, поэтому полную инструкцию уместить в одну статью сложно. Здесь описаны наиболее частые приёмы, используемые при работе с исходным кодом.

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

Основное наполнение статей

Как сделать правильные ссылки
Код Результат
Ссылки на внешние страницы
Ссылка 1: http://www.google.com Ссылка 1: http://www.google.com
Ссылка 2: [http://www.google.com] Ссылка 2: [1]
Ссылка 3: [http://www.google.com Гугл] Ссылка 3: Гугл   [1 1]
Интервики-ссылки и ссылки на страницы википедии[1 2][1 3]
[[w:c:fable:Oakvale|Oakvale]] Ссылка на страницу «Oakvale» на англоязычной Fable-вики
[[w:c:ru.fallout:Одинокий Странник|Одинокий Странник]] Ссылка на страницу «Одинокий Странник» на русскоязычной Fallout-вики
[[wikipedia:Fable|Fable]] Ссылка на англоязычную страницу «Fable» на википедии
[[wikipedia:ru:Fable|Fable]] Ссылка на русскоязычную страницу «Fable» на википедии
Ссылки на внутривикийные страницы
Ссылка 1: [[Бром]] Ссылка 1: Бром
Ссылка 2: [[Бром|отец Героя]] Ссылка 2: отец Героя
Ссылка 3: [[Бром]]ом побит Ссылка 3: Бромом побит
Ссылка 4: [[Бром#Квесты|Квесты]] Ссылка 4: Квесты [1 4]
Ссылка 5: [[Не созданная страница]] Ссылка 5: Не созданная страница
Ссылка на файл: [[:Файл:Wiki-wordmark.png]] Ссылка на файл: Файл:Wiki-wordmark.png
Ссылка на файл: [[:Файл:Wiki-wordmark.png|Логотип Fable Wiki]] Ссылка на файл: Логотип Fable Wiki
Ссылка на категорию: [[:Категория:Fable III]] Ссылка на категорию: Категория:Fable III [1 3][1 5][1 6]
Ссылка на категорию 2: [[:Категория:Локации (Fable III)|Локация]] Ссылка на категорию 2: Локации
Пояснения к таблице
  1. Третий вариант оформления ссылки на внешние страницы наиболее приемлемый и часто используемый. В большинстве случаев, стоит использовать именно его.
  2. Для того, чтобы связать страницу с аналогичными страницами иноязычных вики одной тематики, достаточно прописать на ней ссылки вида
    [[префикс языкового домена:Название страницы на языке ссылаемой вики]].
    Например, чтобы связать страницу «Оуквэйл» с аналогичной страницей на англоязычной Fable-вики нужно прописать в ИК страницы ссылку вида [[en:Oakvale]].
    Такие ссылки можно вставлять в любой части страницы, но обычно их вписывают в самом низу кода страницы статьи.
  3. 3,0 3,1 Большинство категорий и интервики на англоязычную Fable-вики автоматически добавляются при правильном заполнении инфобокса. Перед тем, как добавить категории вручную, убедитесь с помощью предпросмотра, что страница уже в них не добавлена.
  4. Клик по ссылке вида [[Бром#Квесты|Квесты]] откроет раздел статьи, название которого указано после символа #. В данном случае откроется раздел «Квесты» статьи «Бром».
  5. Для добавления страницы в категорию «Fable III» используется ссылка вида [[Категория:Fable III]].
  6. Template warning Важно: правильно оформленная ссылка на категорию не добавляет в неё страницу.
Разделы, абзацы и строки
Код Результат
Разделы статьи [2 1]
= Первый уровень =

Первый уровень[2 2]

== Второй уровень ==

Второй уровень

=== Третий уровень ===

Третий уровень

==== Четвёртый уровень ====

Четвёртый уровень

Перенос текста на новую строку

Одиночные переносы
не влияют
на разметку.

Одиночные переносы не влияют на разметку.

Строка один

Строка два

Строка один

Строка два

Строка один <br />
Строка два

Строка один
Строка два

Абзац

Без отступа
:С отступом
::С двойным отступом

Без отступа

С отступом
С двойным отступом
Пояснения к таблице
  1. Заголовки разделов статьи формируют её оглавление.
  2. Template warning Важно: заголовки первого уровня используются автоматически для названий страниц. В тексте их применять не надо. Разделы выделяются заголовками второго уровня.
Списки
Код Результат

* Первый уровень
** Второй уровень
**: Пример отступа для второго уровня

  • Первый уровень [3 1]
    • Второй уровень
      Пример отступа для второго уровня

# Первый уровень
## Второй уровень
## Второй уровень
# Первый уровень
## Второй уровень

  1. Первый уровень [3 1]
    1. Второй уровень
    2. Второй уровень
  2. Первый уровень
    1. Второй уровень

* Первый уровень
*# Второй уровень
*# Второй уровень
# Первый уровень
#* Второй уровень

  • Первый уровень
    1. Второй уровень
    2. Второй уровень
  1. Первый уровень
    • Второй уровень
Пояснения к таблице
  1. 1,0 1,1 В большинстве случаев применяют именно ненумерованный список. Нумерованный список нужен лишь тогда, когда действительно нужно перечисление.
Колонки
Код Результат[4 1]

{{Колонки|2|
*первое слово
*второе слово
*третье слово
*четвёртое слово
*пятое слово
*шестое слово
*седьмое слово
}}

  • первое слово
  • второе слово
  • третье слово
  • четвёртое слово
  • пятое слово
  • шестое слово
  • седьмое слово
Пояснения к таблице
  1. Так как на небольших экранах страницы Fable Wiki довольно узкие (минимальная ширина 700 пикселей), не рекомендуется разбивать текст на четыре и более колонок.
Форматирование текста
Код Результат
''Курсив'' Курсив
'''Полужирное''' Полужирное
'''''Полужирный курсив''''' Полужирный курсив
<u>Подчеркивание</u> Подчеркивание
<s>Перечеркивание</s> Перечеркивание
<strike>Перечеркивание 2</strike> Перечеркивание 2
Маленький <small>текст</small> Маленький текст
Большой <big>текст</big> Большой текст
Верхний <sup>индекс</sup> Верхний индекс
Нижний <sub>индекс</sub> Нижний индекс
Выравнивание текста[5 1]
<p style="text-align:left;">Слева</p>

Слева

<p style="text-align:center;">В центре</p>

В центре

<center>В центре 2</center>
В центре 2
<p style="text-align:right;">Справа</p>

Справа

Cмена цвета, размера и гарнитуры текста[5 2]
<font size="3" face="Times New Roman" color="#ffea74">Cмена цвета, размера и гарнитуры текста</font> Cмена цвета, размера и гарнитуры текста
Просто изменить цвет текста можно с помощью шаблонов:
{{Цвет|#9400D3|Cмена цвета текста}} Cмена цвета текста
Пояснения к таблице
  1. Для равномерного распределения большого объема текста по странице используется тег
    <div align="justify">Текст</div>.
    Обычно этот тег применяется в самом начале текстовой части кода на страницах, на которых нет инфбоксов.
  2. Template warning Важно: не стоит злоупотреблять форматированием текста цветом в статьях. Форматирование с помощью смены гарнитуры и размера шрифта применяются в исключительных случаях.

Дополнительные функции

Подпись
Код Результат
На страницах обсуждений необходимо ставить свою подпись.

В основном используется код ~~~~  [6 1]

~~~ Plizirim (обсуждение)
~~~~ Plizirim (обсуждение) 21:30, января 26, 2013 (UTC)
~~~~~ 21:30, января 26, 2013 (UTC)
Пояснения к таблице
  1. Template warning Важно: в статьях использование подписей недопустимо.
Разделительная линия
Код Результат

Это разделительная линия.
----

Это разделительная линия.


И это тоже.
<hr />

И это тоже.


Акроним
Код Результат
Подсказки используются для добавления комментариев внутри текста. При наведении курсора на подчёркнутый пунктиром текст появляется всплывающая подсказка.
{{Hover|Подсказка|Текст}}

Текст

Исходный код, комментарии
Код Результат
<pre>[[Подавление разметки]]</pre> [7 1][7 2]
[[Подавление разметки]]
<nowiki>[[Подавление разметки]]</nowiki> [[Подавление разметки]]
Комментарии[7 3]
Герой <!-- Комментарий редактора --> Оуквэйла Герой Оуквэйла
Пояснения к таблице
  1. В тег <pre> нельзя заключать много текста, так как в подавляющем большинстве браузеров он будет «уезжать» за правый край страницы и для его прокручивания будет появляться горизонтальный скролл.
  2. Эффекта, аналогичного <pre>…</pre> можно добиться, просто начав строку с пробела.
  3. Комментарии используются для того, чтобы спрятать часть кода или сообщить что-либо следующим редакторам.
Преключатели
Код Результат
__NOTOC__ Отключает оглавление
__TOC__ Перемещает оглавление
__NOEDITSECTION__ Скрывает ссылки «Править» для всех секций статьи
__NOGALLERY__ Используется для категорий с большим количеством изображений. Заменяет изображения на простые ссылки.
Переменные
Код Результат
{{FULLPAGENAME}} Участник: User/Sandbox [8 1]
{{PAGENAME}} User/Sandbox
{{NAMESPACE}} Участник
{{BASEPAGENAME}} User
{{SUBPAGENAME}} Sandbox
Пояснения к таблице
  1. Template warning Важно: возвращаемые значения указаны для страницы Участник:User/Sandbox.

Спойлер

Спойлер это тип оформления, при котором часть текста по умолчанию скрыта.

Код:

{{Спойлер
|Основной цвет  = #fff
|Цвет заголовка = #000
|Тип спойлера   = Текст 1
|Заголовок      = Текст 2
|Текст спойлера = Этого текста не видно, пока не откроешь спойлер.
}}

Результат:

Спойлер
Текст спойлера


Сворачиваемая таблица

Код:

{| class="wikitable mw-collapsible mw-collapsed" style=text-align:center width=100%
! colspan=15 | Таблица
|-
! Строка 1, столбец 1
! Строка 1, столбец 2
! Строка 1, столбец 3
|-
| Строка 2, столбец 1
| Строка 2, столбец 2
| Строка 2, столбец 3
|-
! Строка 3, столбец 1
! Строка 3, столбец 2
! Строка 3, столбец 3
|}

Результат:

Таблица
Строка 1, столбец 1 Строка 1, столбец 2 Строка 1, столбец 3
Строка 2, столбец 1 Строка 2, столбец 2 Строка 2, столбец 3
Строка 3, столбец 1 Строка 3, столбец 2 Строка 3, столбец 3
Template note Примечание: обычно в начале строки стоит вертикальная черта | (она называется «пайп»). Но можно использовать восклицательный знак. Разница в том, что строка, которая начинается с восклицательного знака, имеет более тёмный цвет и текст ней полужирный. Такие строки в таблицах используют для выделения заголовков.

Цвета в спойлерах можно менять, как и цвет текста. Если вам нужен сложный цвет, его можно подобрать в палитре GIMP или Photoshop. В примечаниях ниже приведена ссылка на подборку цветов и их коды. Также в спойлеры можно добавлять изображения и к тексту в них применимы все перечисленные выше способы форматирования.

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

Работа с изображениями

Простая вставка
Код[9 1] Описание
[[Файл:Ф.png]] Изображение без ограничений по размеру и рамки.
[[Файл:Белогорье план.png|thumb]] Изображение уменьшено для предпросмотра.
[[Файл:Белогорье план.png|120px]] Изображение уменьшено до размера 120 пикселей в ширину. Данный вариант удобен при добавлении персонажа или предмета без фона, так как не имеет рамки. Размер изображения можно изменить до желаемого.
[[Файл:Белогорье план.png|thumb|120px|Подпись]] Уменьшенное изображение с подписью.
[[Файл:Белогорье план.png|120px|Подпись]] Уменьшенное изображение с подписью, без рамки. В этом случае подпись появляется при наведении курсора.
[[Файл:Белогорье план.png|thumb|120px|left|Подпись]] Выравнивание по левому краю.
[[Файл:Белогорье план.png|thumb|left|120px|Подпись]] Параметры можно менять местами, результат не изменится.
[[Файл:Белогорье план.png|thumb|120px|right]] Выравнивание по правому краю.
[[Файл:Белогорье план.png|thumb|120px|center]] Выравнивание по центру (текст будет находиться по бокам от изображения).
Пояснения к таблице
  1. Команды можно писать по-русски:
    • thumb = мини
    • left = слева
    • right = справа
    • center = центр
    • px = пкс


Галерея

Несколько однотипных изображений, используемых для оформления статьи можно оформить в галерею. Обычно галереи располагаются внизу страницы. Для того чтобы оформить самую простую галерею достаточно перечислить в столбик названия файлов изображений (без уточнения Файл:) и заключить их в теги <gallery> … </gallery>, которые нужно поставить, соответственно, над и под списком названий файлов.

Если перечень изображений предполагает наличие подписей, то это делается с помощью символа «пайп» (|), которым отделяется название файла от текста подписи. Например, Имя файла.png|Текст подписи. Таким образом, наиболее простой вариант галереи выглядит так, как показано в таблице ниже.

Пример наиболее простой галереи
Код

<gallery>
Белогорье.jpg|Подпись 1
Белогорье план.png|Подпись 2
</gallery>

Результат


Однако, как видно из примера, такое оформление зачастую выглядит не самым эстетичным образом. Для того, чтобы облагородить галерею существует ряд дополнительных переменных для тега <gallery> … </gallery>, с помощью которых можно изменять размеры изображений галереи, расположение галереи на странице, превратить галерею в слайдшоу и многое другое. Рассмотрим эти переменные в таблице ниже.

Переменные галереи
Переменная Возможные значения Описание
Переменные вписываются в первую (верхнюю) часть тега <gallery> сразу после слова gallery.
Например, <gallery position="left">.
Значения переменных записываются после символа «=» в английских кавычках-палочках (" … ").
widths = "500px" Переменная с таким значением позволяет задать ширину слайдшоу. Не трудно догадаться, что значение можно менять на любые другие цифры, Однако, не стоит выставлять его в значения больше, чем 680px. В противном случае изображение может не поместиться на экранах маленьких размеров. По умолчанию ширина слайдшоу или отдельных изображений галереи равна 300px.
position = "left" Переменная с таким значением расположит галерею в левой части страницы. [10 1]
= "right" Переменная с таким значением расположит галерею в правой части страницы.
= "center" Переменная с таким значением расположит галерею в центре страницы.
captionalign = "left" Переменная с таким значением выравняет подписи отдельных изображений галереи по левому краю относительно изображения. Действует только на обычные галереи (не слайдшоу). [10 2]
= "right" Переменная с таким значением выравняет подписи отдельных изображений галереи по правому краю относительно изображения. Действует только на обычные галереи (не слайдшоу).
= "center" Переменная с таким значением выравняет подписи отдельных изображений галереи по центру относительно изображения. Действует только на обычные галереи (не слайдшоу).
captionsize = "small" Переменная с таким значением сделает размер шрифта подписи мелким. Действует только на обычные галереи (не слайдшоу).
spacing = "small" Переменная с таким значением минимизирует расстояние между отдельными изображениями галереи. По понятным причинам эта переменная уместна только в обычных галереях.
bordersize = "none" Переменная с таким значением отключит рамку вокруг отдельных изображений галереи. По понятным причинам эта переменная уместна только в обычных галереях.
= "1px" Переменная с таким значением сделает рамку вокруг отдельных изображений галереи толщиной в 1 пиксель. Толщину рамки можно варьировать. По понятным причинам эта переменная уместна только в обычных галереях. [10 3]
bordercolor = "transparent" Переменная с таким значением заставит убрать рамку вокруг изображения, изменив её цвет на прозрачный. По понятным причинам эта переменная уместна только в обычных галереях.
= "red" Переменная с таким значением окрасит рамку вокруг изображения в красный цвет. Цвет можно менять на любой другой, используя как мнемонические HTML-совместимые названия ("red", "blue", "green" и т. д.), так и шестнадцатиричные коды цветов, которые можно узнать в палитре графических редакторов (GIMP, Photoshop и т. д.). По понятным причинам эта переменная уместна только в обычных галереях. [10 4]
type = "slideshow" Переменная с таким значением превратит галерею в слайдшоу.
= "slider" Переменная с таким значением превратит галерею в особый тип слайдшоу — слайдер. От обычного слайдшоу отличается возможностью выбора нужного кадра по ленте изображений-превьюшек справа или снизу слайдера. Именно из-за этой особенности в слайдер невозможно поместить более четырёх изображений (не помещаются на ленте превьюшек) и его ширина фиксирована (600 пикселей). По этой же причине на слайдер не действуют никакие переменные, кроме orientation.
crop = "true" Переменная с таким значением скадрирует все изображения слайдшоу до формата 4:3. Действует на галерею только типа «Слайдшоу».
orientation = "right" Эта переменная нужна только для галерей типа «Слайдер». Она отвечает за расположение ленты превьюшек. Если она выставлена в значение "right", то лента будет располагаться справа от модуля слайдера. При отсутствии и во всех других значениях переменной лента превьюшек будет располагаться снизу модуля слайдера.
Пояснения к таблице
  1. По умолчанию (без указания переменной) галерея располагается в левой части страницы.
  2. По умолчанию (без указания переменной) подписи выровнены по левому краю относительно изобржения.
  3. По умолчанию (без указания переменной) ширина рамки вокруг изображения составляет 1 пиксель.
  4. По умолчанию (без указания переменной) рамка вокруг изображения окрашена в синий цвет.
Пример слайдшоу
Код Результат

<gallery type="slideshow" position="left" crop="true">
Белогорье.jpg|Подпись 1
Белогорье план.png|Подпись 2
</gallery>

  • Подпись 1
  • Подпись 2
Пример слайдера
Код

<gallery type="slider" orientation="right">
Белогорье.jpg|Подпись 1
Белогорье план.png|Подпись 2
</gallery>

Результат


Примечания

  1. Справка:Таблицы — раздел вики-справки по работе с таблицами.
  2. Таблица HTML кодов цветов.
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.