Правила и особые плюшки вики

Материал из Ortega
Перейти к:навигация, поиск

Правила использования вики

  1. Запрещаются любые самопроигрывающиеся элементы из разряда аудио и видео. Гифки должны быть спрятаны под спойлером или быть достаточно плавными, чтобы не убить случайно зашедшего на вашу страничку человека с эпилепсией.
  2. На страничках персонажей допускается много творческой свободы и всего такого, но инфобокс персонажа должен быть сделан строго в соответствии с указанным каноном. Добавление каких-либо полей или убирание существующих категорически запрещено. Так же все названия полов и классов должны быть приведены в соответствии с предложенными вариантами, никаких отступлений или творческих интерпретаций не допускается.
  3. Страничке персонажа обязательно должны быть приписаны категории статуса (мертвый персонаж, персонаж или заброшенный персонаж) и, в случае наличия, категории фракционной принадлежности.

Смена темы

Если вам плохо видно с тёмной темой, можно включить стандартную. Она может не иметь каких-то фич и местами работать неправильно, но вся информация, так или иначе, будет доступна для прочтения. Если у вас уже есть аккаунт, можно включить ее в настройках.

Если аккаунта нет, можно добавлять в адресной строке к ссылке каждый раз ?useskin=vector. Понимаем, что не очень удобно, но по другому, без регистрации, никак.

Основные шаблоны

Плюшки для любителей

Анимированные элементы

Если вы любите красивые анимации, то можете добавлять блоки c анимациями. Сами названия анимаций брать отсюда.

Пример: <p class="bounce animated">Hello World</p>

Hello World

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


Иконочный шрифт

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

Отличное решение для больших любителей оформлять абилки и вообще марафет на своей странице.

Базовое использование

Иконки - часть текста, а значит они перенимают от окружающего их текста размеры и цвет.

Чтобы просто вставить иконку в строку нужно написать вот такой код:

<i class="ra  [название иконки]"></i>

Вместо [название иконки] вставляйте имя иконки взятое с этого сайта.

Если вы мамин профессионал в HTML, то не нужно вставлять в показанный выше тег " i " никакой отсебятины - иконке это на пользу не пойдет.

Скорее всего, размер иконки будет слишком маленьким. Чтобы увеличивать иконку можно использовать такую конструкцию:

<i class="ra  [название иконки] [атрибут размера]"></i>

[атрибут размера] может принимать следующие значения: ra-2x / ra-3x / ra-4x / ra-5x / ra-lg.

ra-(2-5)x просто увеличит иконку соответственно в 2-5 раза, ra-lg же заставит иконку быть в 33% больше относительно текста.

Крутые штуки

Pro Tip: любой из параметров кроме имени иконки и "ra" можно удалять по сути и их может быть любое количество.

Иконка, обтекаемая текстом

хоба-хоба а тут текст! pull-left дает такой эффект

<i class="ra ra-skull ra-5x pull-left"></i>
Разноцветные иконки

цвет задется с помощью style="color: Indigo", вместо Indigo можно использовать вообще любой цвет по его коду или названию.

<i class="ra ra-skull ra-5x pull-left" style="color: Indigo"></i>
Иконка в рамочке

Стильно! Такой эффект дает параметр ra-border

<i class="ra ra-skull ra-5x pull-left ra-border"></i>


Крутилка

Аргх! Голова кружится! Не злоупотребляйте этим. (ra-spin)

<i class="ra ra-skull ra-5x pull-left ra-spin"></i>