Сообщество | |||
---|---|---|---|
FAQ • Портал сообщества Шаблоны Возможности Наставления Кандидаты на удаление |
Администраторы Технические администраторы Отдел кадров | ||
|
Общее
На 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: Локации |
Пояснения к таблице | |
|
Разделы, абзацы и строки | |
---|---|
Код | Результат |
Разделы статьи [2 1] | |
= Первый уровень = |
Первый уровень[2 2] |
== Второй уровень == |
Второй уровень |
=== Третий уровень === |
Третий уровень |
==== Четвёртый уровень ==== |
Четвёртый уровень |
Перенос текста на новую строку | |
Одиночные переносы |
Одиночные переносы не влияют на разметку. |
Строка один Строка два |
Строка один Строка два |
Строка один <br /> |
Строка один |
Абзац | |
Без отступа |
Без отступа
|
Пояснения к таблице | |
Списки | |
---|---|
Код | Результат |
* Первый уровень |
|
# Первый уровень |
|
* Первый уровень |
|
Пояснения к таблице | |
Колонки | |
---|---|
Код | Результат[4 1] |
{{Колонки|2| |
|
Пояснения к таблице | |
|
Форматирование текста | |
---|---|
Код | Результат |
''Курсив'' | Курсив |
'''Полужирное''' | Полужирное |
'''''Полужирный курсив''''' | Полужирный курсив |
<u>Подчеркивание</u> | Подчеркивание |
<s>Перечеркивание</s> | |
<strike>Перечеркивание 2</strike> | |
Маленький <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> | |
<p style="text-align:right;">Справа</p> | Справа |
Cмена цвета, размера и гарнитуры текста[5 2] | |
<font size="3" face="Times New Roman" color="#ffea74">Cмена цвета, размера и гарнитуры текста</font> | Cмена цвета, размера и гарнитуры текста |
Просто изменить цвет текста можно с помощью шаблонов: | |
{{Цвет|#9400D3|Cмена цвета текста}} | Cмена цвета текста |
Пояснения к таблице | |
|
Дополнительные функции
Подпись | |
---|---|
Код | Результат |
На страницах обсуждений необходимо ставить свою подпись. В основном используется код ~~~~ [6 1] | |
~~~ | Plizirim (обсуждение) |
~~~~ | Plizirim (обсуждение) 21:30, января 26, 2013 (UTC) |
~~~~~ | 21:30, января 26, 2013 (UTC) |
Пояснения к таблице | |
|
Разделительная линия | |
---|---|
Код | Результат |
Это разделительная линия. |
Это разделительная линия. |
И это тоже. |
И это тоже. |
Акроним | |
---|---|
Код | Результат |
Подсказки используются для добавления комментариев внутри текста. При наведении курсора на подчёркнутый пунктиром текст появляется всплывающая подсказка. | |
{{Hover|Подсказка|Текст}} |
Текст |
Исходный код, комментарии | |
---|---|
Код | Результат |
<pre>[[Подавление разметки]]</pre> [7 1][7 2] |
[[Подавление разметки]] |
<nowiki>[[Подавление разметки]]</nowiki> | [[Подавление разметки]] |
Комментарии[7 3] | |
Герой <!-- Комментарий редактора --> Оуквэйла | Герой Оуквэйла |
Пояснения к таблице | |
|
Преключатели | |
---|---|
Код | Результат |
__NOTOC__ | Отключает оглавление |
__TOC__ | Перемещает оглавление |
__NOEDITSECTION__ | Скрывает ссылки «Править» для всех секций статьи |
__NOGALLERY__ | Используется для категорий с большим количеством изображений. Заменяет изображения на простые ссылки. |
Переменные | |
---|---|
Код | Результат |
{{FULLPAGENAME}} | Участник: User/Sandbox [8 1] |
{{PAGENAME}} | User/Sandbox |
{{NAMESPACE}} | Участник |
{{BASEPAGENAME}} | User |
{{SUBPAGENAME}} | 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 |
- Примечание: обычно в начале строки стоит вертикальная черта | (она называется «пайп»). Но можно использовать восклицательный знак. Разница в том, что строка, которая начинается с восклицательного знака, имеет более тёмный цвет и текст ней полужирный. Такие строки в таблицах используют для выделения заголовков.
Цвета в спойлерах можно менять, как и цвет текста. Если вам нужен сложный цвет, его можно подобрать в палитре GIMP или Photoshop. В примечаниях ниже приведена ссылка на подборку цветов и их коды. Также в спойлеры можно добавлять изображения и к тексту в них применимы все перечисленные выше способы форматирования.
- Важно: не стоит беспричинно использовать спойлеры и сворачиваемые таблицы в статьях. Применяйте их только в случае, когда действительно необходимо скрыть часть информации.
Работа с изображениями
Простая вставка | |
---|---|
Код[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]] | Выравнивание по центру (текст будет находиться по бокам от изображения). |
Пояснения к таблице | |
|
Галерея
Несколько однотипных изображений, используемых для оформления статьи можно оформить в галерею. Обычно галереи располагаются внизу страницы. Для того чтобы оформить самую простую галерею достаточно перечислить в столбик названия файлов изображений (без уточнения Файл:) и заключить их в теги <gallery> … </gallery>, которые нужно поставить, соответственно, над и под списком названий файлов.
Если перечень изображений предполагает наличие подписей, то это делается с помощью символа «пайп» (|), которым отделяется название файла от текста подписи. Например, Имя файла.png|Текст подписи. Таким образом, наиболее простой вариант галереи выглядит так, как показано в таблице ниже.
Пример наиболее простой галереи | |
---|---|
Код | |
<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", то лента будет располагаться справа от модуля слайдера. При отсутствии и во всех других значениях переменной лента превьюшек будет располагаться снизу модуля слайдера. |
Пояснения к таблице | |||
|
Пример слайдшоу | |
---|---|
Код | Результат |
<gallery type="slideshow" position="left" crop="true"> |
Пример слайдера | |
---|---|
Код | |
<gallery type="slider" orientation="right"> | |
Результат | |
Примечания
- Справка:Таблицы — раздел вики-справки по работе с таблицами.
- Таблица HTML кодов цветов.