Редактирование

Материал из Wild Terra 2 Wiki
Перейти к навигации Перейти к поиску

Работа с текстом:

Текст с абзаца (параграфы): <p>Текст с абзаца.</p><p>Еще один текст с абзаца.</p>

Текст с абзаца.

Еще один текст с абзаца.

Отступ только для первой строки текста: <p style="text-indent:10px;">Текст с абзаца.</p>

Текст с абзаца.

Использование стилей внутри текстового поля: Допустим нам нужно <span style="color:#FFFF00;">перекрасить текст внутри</span> текстового поля

Допустим нам нужно перекрасить текст внутри текстового поля

Работа с разметкой:

Блоки <div />. Удобно использовать для оформления страницы, позволяет сохранять пропорции содержимого для разных расширений экрана.
1. Создаем блок по содержимому: <div style="background: rgba(0, 0, 0, 0.3);padding:10px;display:inline-block;">контент внутри определяет<br>размер блока</div>

контент внутри определяет
размер блока

2. Разметка и выравнивание блоков: <div style="float:left;background: rgba(0, 0, 0, 0.3);display:inline-block;width:200px;height:100px;margin-left:20px;"></div>

Блок 1
float:left - указывает, что элементы могут облегать друг-друга, слева
Блок 2
width и height - размер, за который не может заходить контент, если не указать overflow-y:hidden; - контент будет вылазить за пределы
Блок 4
float:right; - указывает что элемент будет прилягать к правому краю страницы.
Блок 3
overflow:auto; - автоматическое заполнение оставшегося места, если контента больше чем блок - появится скроулинг
margin-left:20px; и margin-right:20px; указанные в блоке 2 и 4, определяют отступы от блоков, слева и справа.
Блок 3 должен быть записан в самом конце, чтобы понимать до каких пределов ему можно растянуться (блок 1, 2 и 4 должны указать размер, который они займут)
Блок 5
Есть более сложные способы разметки, например, у блока указана ширина относительно оставшегося места на странице по окну браузера (параметр: position:relative ), для демонстрации попробуйте зажать Ctrl и покрутить колесико мыши.

3. Новые строки. Из-за свойств обтекания (float) может случится, что следующий элемент будет пытаться наследовать это обтекание. Для этого нужно задавать свойство clear:left;, что запрещает обтекание элементов и создает их с новой строки. Для удобства у этой Вики есть шаблон, достаточно добавить:
{{NewLine}} - чтобы гарантировано получить новую строку.
<br> - стандартный перенос на новую строку, удобно использовать внутри текста.

4. Таблицы - самый удобный и надежный способ разметки. Могут комбинироваться с блоками <div /> или просто использоваться для контента. Способов применения таблиц много, примеры оформления можно посмотреть на MediaWiki [1]

Пример таблицы с стандартным оформлением и сортировкой
заголовок 1 заголовок 2 заголовок 3
A 1 Text1
B 2 Text2
C 3 Text3
Пример №2
TestIcon.png
123 456
789
TEXT

Изображения:

По приложению описание будет чуть позже.

GoatPet.png

[[File:FoxPet.png]] - добавление изображения на страницу
[[File:FoxPet.png|30px|left|link=Название_Статьи|Описание]] - изображения с свойствами: файл, размер, обтекание, название страницы, описание (по наведению мышки)


Ссылки:

Главная страница - [[Заглавная_страница|Главная страница]]

[[Название_статьи]] - ссылка на статью (будет отображаться название страницы).
[[Название_статьи|Текст]] - ссылка на статью, но ссылка отображаться будет как "Текст", удобно для склонений слов-ссылок внутри описания.


Спойлеры:

1. Вариант - использование шаблона: <p style="float:left">Показать спойлер:</p> {{Show|текст спойлера}}

Показать спойлер:

: текст спойлера

2. Вариант - использование плагина: {{#spoiler:|spoiler_text}}

{{#spoiler:show=Показать содержимое под кнопкой|hide=Скрыть|spoiler_text}}

3. Вариант - альтернативное использование плагина: <div style="float:left;margin-left:5px;width:30%;"><spoiler>контент</spoiler></div>

4. Вариант - использование шаблона: {{открыть-развернуть|Название статьи|Текст перед ссылками}}
Ссылка на статью с возможностью открыть или развернуть на странице статьи.
Не корректно работает с содержанием страницы. (Заголовки)

Пример:
{{открыть-развернуть|Крафтовое пиво «Смерть вампира»|Можно посмотреть на примере страницы Крафтовое пиво «Смерть вампира»:}}

Можно посмотреть на примере страницы Крафтовое пиво «Смерть вампира»: [открыть
DarkCraftedBeerVampire.png
Крафтовое пиво «Смерть вампира»
Количество: 1
Требования: Бочка для брожения
Материалы
BeerBoiledWort.png x1 Garlic.png x4 SpiceSugar.png x2 WaterJug.png x1
Время применения: 5с
Алкоголь: +6,5%
Время действия эффекта: +6м 30с
Начальный эффекты: Хорошее настроение
Хлебная сытость: 10 Смешанная сытость: 5

Иконки клавиш управления:

Для более интуитивного описания, на вики загружены иконки кнопок управления в игре. Можно вставлять внутри текста, используя [[File:KeyE.png]].
Например: для взаимодействием с объектом нажмите кнопку дейсвтия KeyE.png
Иконки клавиш называются по принципу: KeyE, KeyR, KeyT и т.д. Все загруженные кнопки и иконки:


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

В начале каждой страницы есть параметры (волшебные слова), рекомендуется использовать для каждой статьи (страницы):

__NOTITLE__ Скрыть заголовок

__NOEDITSECTION__ Cкрыть кнопку редактирования для заголовков (рекомендовано)

__NOTOC__ Cкрыть содержание страницы (рекомендовано)


В конце страницы указаны дополнительные параметры:

<noinclude></noinclude> Теги для скрытия параметров

[[Category:Название_категория| ]] Добавляет раздел в категорию для навигации

[[en:Page_English_Name]] Указывает что у страницы есть английская версия статьи

[[ru:Название_Русской_Статьи]] Указывает что у страницы есть русская версия статьи


Обозначение правок:

Обязательно оставляйте комментарий в поле "Описание изменений" если редактируете чужую/общую работу. Кратко, что исправили или что внесено.
Например: +рецепты высокоуровневой брони, +скриншоты экипировки, исправлены орфографические ошибки в тексте, неверный перевод слова на английский язык "Лук - Bow -> Onion"

По умолчанию для всех изменений стоит отметка: "Малое изменение".

Последнее обновление подписано в футере (в нижней части экрана), например: Эта страница в последний раз была отредактирована 13 декабря 2020 в 22:23. Посмотреть историю измений можно по кнопке [История]