Всем привет!
Наш с вами новый форум имеет много возможностей, и не все они выведены в редактор. Ниже я постараюсь описать основные.
Форматирование текста
Полужирный ctrl+B
<b>Пишем полужирным!</b>⇒ Пишем полужирным!
Курсив ctrl+I
<i>Пишем курсивом!</i>⇒ Пишем курсивом!
Зачеркнутый
<s>Ехидно пишем зачеркнутым</s>⇒Ехидно пишем зачеркнутым
Аббревиатуры
Для просмотра значения аббревиатуры нужно навести мышку.
<abbr title="Креатив годный, автор молодец">КГ\АМ</abbr>⇒ КГ\АМ
Добавленный блок текста
Специальный тег для того, чтобы указать, какой фрагмент текста был добавлен.
<ins>Я пишу зелёненьким!</ins>⇒ Я пишу зелёненьким!
Удалённый блок текста
Аналогично тегу выше, этот указывает на то, какой фрагмент был удалён.
<del>Я пишу красненьким!</del>⇒Я пишу красненьким!
Текст-клавиша
Позволяет выделить букву или сразу фразу так, что это становится похоже на кнопку.
Нажмите <kbd>control</kbd> + <kbd>shift</kbd> + <kbd>N</kbd> для отключения этих графиков.⇒ Нажмите Control + Shift + N для отключения этих графиков.
Цитата Control+Shift+9
<blockquote>Цитируемый текст, ничего нового</blockquote>
⇒Цитируемый текст, ничего нового
Отформатированный текстControl+Shift+C
<code>А сюда можно вставить ссылку</code>⇒А сюда можно вставить ссылку
Надстрочный текст
Можно писать всякие формулы, вроде:
B<sup>2</sup>-4AC⇒ B2-4AC
Подстрочный текст
И не только математические!
C<sub>2</sub>H<sub>5</sub>OH⇒ C2H5OH
Размеры текста
Большой текст
<big>Здоровенный текст</big>⇒ Здоровенный текст
Маленький текст
<small>Малюсенький текстуля</small>⇒ Малюсенький текстуля
Заголовок 1
<h1>Заголовок</h1>⇒Заголовок
Заголовок 2
<h2>Заголовок</h2>⇒Заголовок
Заголовок 3
<h3>Заголовок</h3>⇒Заголовок
Заголовок 4
<h4>Заголовок</h4>⇒Заголовок
Заголовок 5
<h5>Заголовок</h5>⇒Заголовок
Заголовок 6
<h6>Заголовок</h6>⇒Заголовок
Таблицы и списки
Таблицы
Таблицы, как и списки состоят из нескольких тегов. В начале нужно задать таблицу при помощи тега "table" и затем оперировать "th" table header, названия колонк, "td" table data, содержимое и "tr" table row, строка таблицы. Например, возьмём какую-нибудь информацию с Overbuff
<table> <th>Герой</th> <th>Пикрейт</th> <th>Винрейт</th> <tr> <td>Генджи</td> <td>3.77%</td> <td>49.67%</td> <tr> <td>Маккри</td> <td>3.37%</td> <td>48.11%</td> <tr> <td>Фарра</td> <td>3.18%</td> <td>51.43%</td> <tr> <td>Солдат 76</td> <td>2.99%</td> <td>48.65%</td> </table>⇩
Герой Пикрейт Винрейт Гендзи 3.77% 49.67% Маккри 3.37% 48.11% Фарра 3.18% 51.43% Солдат 76 2.99% 48.65%
Ненумерованный список Control+Shift+8
Аналогично состоит из общего тега "ul" - unordered list (ненумерованный список) и отдельных на каждый элементов тегов "li" - list item (элемент списка)
<ul>
<li>Золото</li>
<li>Серебро</li>
<li>Бронза</li>
</ul>
⇩
- Золото
- Серебро
- Бронза
Нумерованный список Control+Shift+7
Здесь открывающий тег уже "ol" - ordered list (нумерованый список) и продолжается с "li" на каждый элемент. Здесь допустимо задать параметр, с которого начнётся отсчёт - start.
<ol start="5">
<li>Золото</li>
<li>Серебро</li>
<li>Бронза</li>
</ol>
⇩
- Золото
- Серебро
- Бронза
Прочее
Перевод строки
Срочный перевод<br>строки!⇨ Срочный перевод
строки!
Спойлер
Два тега вместе, общий details и "заголовок" summary:
<details><summary>В войне бесконечности умрёт...</summary><img src="https://i.imgur.com/ryEW9Dz.gif"></img></details>
⇩В войне бесконечности умрёт…
Горизонтальная линия
Красивая линия. Идеально для подписи!
<hr>⇩
Описание
Немного сдвигает текст так, что можно делать красивые описания.
<b>Гендзи</b>
<dd>Киборг Гэндзи Шимада смирился со своим механическим телом, которое раньше вызывало у него лишь отвращение, тем самым открыв новую лучшую сторону своего характера.</dd>
⇩
ГендзиКиборг Гэндзи Шимада смирился со своим механическим телом, которое раньше вызывало у него лишь отвращение, тем самым открыв новую лучшую сторону своего характера.
У большинства участников форума есть права на использование всех тегов выше. Ниже содержатся теги доступные тем, у кого высокий уровень доверия.
Ссылки и картинки
Ссылки
<a href="https://eu.forums.blizzard.com/ru/overwatch/">Форум игры</a>⇒ Форум игры
Картинки
Старый-добрый тег img, который позволяет использовать такие параметры как:- src - собственно, ссылка на картинку
- alt - текст который будет отображаться вместо картинки если она, например, удалена (необязательный);
- width - ширина (необязательный);
- height - высота (необязательный);
Допустимые форматы .jpg, .jpeg, .png, .gif и мой любимый .bmp
<img src="https://i.imgur.com/8giF7Ob.png" alt="Какой сейчас час?" width="400" height="226" />⇩
Картинка со ссылкой
Секретная техника заключается в том, чтобы вместо текста вписать между тегами А тег с картинкой.
<a href="https://playoverwatch.com/ru-ru/heroes/sombra/"><img src="http://i0.kym-cdn.com/entries/icons/original/000/021/807/4d7.png" width="200" height="200" /></a>⇩
Видео
Видео
Форум понимает ссылки на Youtube и Vimeo, так что достаточно просто оставить такую ссылку в сообщении и он автоматически встроит ролик.
https://youtu.be/OfM9tU6c7pQ⇩
https://vimeo.com/200104989
Опросы
Увы, этот функционал не поддерживается обычной html-разметкой, и придётся прибегнуть к языку “markdown”. Он довольно сильно распространён, и частично используется в чатах battle.net и Discord. Вместо угловых скобок <> для обозначения тегов в нём используются в данном случае квадратные []
Опрос с возможностью выбора 1 варианта
[poll name="1 вариант"]
* Штурм
* Защита
* Танк
* Поддержка
[/poll]
- Штурм
- Защита
- Танк
- Поддержка
Опрос с возможностью множественного выбора
Особенностью здесь является параметр type который укажет, что выбирать можно будет больше, чем 1 вариант, а так же параметры min и max которые, соответственно, указывают минимальное количество для выбора и максимальное.
[poll type=multiple min=2 max=3]
* Ана
* Бригитта
* Лусио
* Ангел
* Мойра
* Симметра
* Дзенъятта
[/poll]
- Ана
- Бригитта
- Лусио
- Ангел
- Мойра
- Симметра
- Дзенъятта
Числовой опрос
Здесь есть так же необязательный параметр step, который задаёт "шаг"/[poll type=number min=1 max=9 step=3]
[/poll] - 1
- 4
- 7
- 10
This guide was inspired with original Pachimari’s post.
Rinoa
