Руководство по редактированию вики

       ⚠️ Важно к прочтению:

Всегда просматривайте "Править код" так вы увидите всё подробно, а так можете просто видеть как это выглядит и выбрать, что вам требуется.
Со временем гайд будет дополнятся.

ГАЙД ПО ОФОРМЛЕНИЮ WIKI

1. БАЗОВОЕ ФОРМАТИРОВАНИЕ

Жирный курсив жирный курсив подчёркнутый зачёркнутый моноширинный ^{верхний} _нижний индекс

2. ЦВЕТА

красный текст зелёный HEX жёлтый фон инверсия

Уровень 1 (только для названия страницы)

4. ССЫЛКИ

Внутренняя ссылка Понятный текст ссылка Служебная страница

5. СПИСКИ

• Маркированный
  • Вложенный
    • Третий уровень

1. Нумерованный
   1. Вложенный
      1. Третий уровень

Определение

Пояснение термина

6. ТАБЛИЦЫ (базовые)

Подпись таблицы

Заголовок 1	Заголовок 2
Ячейка 1	Ячейка 2
Объединённые ячейки

7. ИЗОБРАЖЕНИЯ

Файл:Example.jpg

Подпись

Параметры: • thumb - рамка • left/right/center - выравнивание • 300px - ширина • none - без рамки

---

9. БЛОКИ

Простой блок

Блок с акцентной полосой

10. СПЕЦИАЛЬНЫЕ ЭЛЕМЕНТЫ

[[Защита]] от разметки

Преформатированный текст

11. ТАБЛИЦЫ (продвинутые)

Стилизованная таблица

№	Название
1	Элемент

12. КАРТОЧКИ

Заголовок карточки

Содержимое карточки...

13. ЦВЕТНЫЕ ПАНЕЛИ

Информационная панель

Панель предупреждения

14. ВЫРАВНИВАНИЕ

По центру

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

Плавающий блок

15. КОЛОНКИ

Текст автоматически распределится по двум колонкам

16. ИКОНКИ CSS

Круг Треугольник

17. ГРАФИКИ

65% заполнено

18. ВЕРТИКАЛЬНЫЙ ТЕКСТ

Текст сверху вниз

19. КНОПКИ

Кнопка

20. ЧЕКЛИСТ

<input type="checkbox" disabled> Проверка 1
<input type="checkbox" checked disabled> Проверка 2 В случае, если вики не под обновим используйте гайд с пункта 31.

21. ДЕРЕВО

• Уровень 1

├─ Уровень 2

└─ Уровень 3

22. ЦИТАТЫ

Это важная цитата или примечание

23. ПОДСКАЗКИ

Наведите курсор

25. СОВЕТЫ

1. Всегда добавляйте подписи к изображениям 2. Используйте заголовки для структуры 3. Комментируйте сложные блоки 4. Тестируйте в режиме предпросмотра 5. Для часто используемых блоков создавайте шаблоны

26. ОПТИМИЗАЦИЯ

• Вместо <span style="color:red"> можно <font color="red"> • Группируйте стили: style="border:1px solid #ddd; padding:5px" • Используйте class="wikitable" для стандартных таблиц

27. СЛОЖНЫЕ ТАБЛИЧНЫЕ СТРУКТУРЫ

↙↙ Таблица с зеброй-эффектом ↙↙

Список персонажей

Имя	Описание	Уровень
Джон	Главный герой	45
Сара	Второстепенный персонаж	32

↙↙ Таблица с фиксированной шапкой (имитация) ↙↙

Заголовок 1	Заголовок 2
Данные	Данные
Данные	Данные

28. ИНФОГРАФИКА

↙↙ Прогресс-бар ↙↙

75% выполнено

↙↙ Рейтинг звёздами ↙↙ ★★★★★ (4/5)

29. СПЕЦИАЛЬНЫЕ ЭФФЕКТЫ

↙↙ Текст с границей ↙↙ Контурный текст

↙↙ Выпадающая тень ↙↙

Блок с тенью

30. МАКЕТЫ СТРАНИЦ

↙↙ Двухколоночный макет ↙↙

Меню

• Пункт 1
• Пункт 2

Контент

Основное содержимое страницы

↙↙ Макет с подвалом ↙↙

Основной контент

Подвал страницы

31. ФОРМЫ И ИНТЕРАКТИВ

↙↙ Чекбоксы ↙↙

Чеклист:
Проверка 1
Проверка 2 (выполнено)

↙↙ Радио-кнопки ↙↙

Вариант 1
Вариант 2 Используйте шаблон Rdbutton

32. МЕДИА-КОНТЕНТ

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

Изобр. 1

Изобр. 2

↙↙ Видео-контейнер ↙↙

[Видео-плеер]

33. ТЕХНИЧЕСКИЕ БЛОКИ

↙↙ Код с подсветкой ↙↙

function test() {
  console.log("Hello World");
}

↙↙ Системное сообщение ↙↙

Ошибка: Система не отвечает

34. ГОТОВЫЕ ШАБЛОНЫ

↙↙ Карточка персонажа ↙↙

Имя Персонажа

Файл:Avatar.jpg

Раса: Человек
Уровень: 35

---

↙↙ Уведомление об обновлении ↙↙

Обновление v2.3

• Добавлена новая система
• Исправлены ошибки

35. ХИТРОСТИ ВЕРСТКИ

↙↙ Имитация flexbox ↙↙

Колонка 1

Колонка 2

↙Фиксированная ширина с прокруткой ↙↙

Длинный текст который не помещается...

36. ОПТИМИЗАЦИЯ

↙↙ Сокращение кода ↙↙ Вместо:

Текст

Используйте: Текст

37. ДИАГНОСТИКА

↙↙ Проверка верстки ↙↙

Тестовый блок для проверки размеров

↙↙ Отладка таблиц ↙↙

Ячейка

38. БЕЗОПАСНОСТЬ

↙↙ Защита от вандализма ↙↙

39. МОБИЛЬНАЯ ВЕРСТКА

↙↙ Адаптивные блоки ↙↙

Большой контент для мобильных...

↙↙ Простые таблицы для мобильных ↙↙

Поле	Значение
Имя	Джон

40. ЧЕК-ЛИСТ КАЧЕСТВА

1. Проверены все ссылки 2. Добавлены категории 3. Проверено в мобильном виде 4. Нет битых изображений 5. Добавлены шаблоны