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

В редакторе Табуна используется простая HTML-разметка. Если вы знаете, что это такое, — отлично. Если нет, на этой странице мы собрали ответы на основные вопросы.

Ссылки, картинки и прочий медиаконтент

Код

<a href="https://everypony.ru">Интересный сайт</a>

создает ссылку вида:

Интересный сайт

Быстро вставить ссылку можно, просто оставив в сообщении адрес: https://everypony.ru -> everypony.ru

Вставка картинки из ссылки:

<img src="https://files.everypony.ru/smiles/not_pony/120.gif" />

Получается примерно так:

С помощью тега video можно прикреплять контент с youtube.com, vimeo.com, dailymotion.com, coub.com, rutube.ru и pleer.com, например:

<video>https://www.youtube.com/watch?v=OeQRLcLqQ0Q</video>
<video>https://vimeo.com/77330591</video>
<video>https://www.dailymotion.com/video/xx0599_carbon-based-lifeforms-m-for-mountains_music</video>
<video>https://coub.com/view/nlrv</video>
<video>https://rutube.ru/video/f5a3927384ae2edec73e25bfe904dda4/</video>
<video>https://pleer.com/tracks/8471194kVUl</video>

Как мне загрузить картинки, чтобы показать их на Табуне?

Все изображения, загруженные через форму написания поста/комментария, автоматически заливаются на внутренний хостинг картинок Табуна. Это рекомендованый способ вставки изображений.

Для самостоятельной загрузки мы рекомендуем сервисы с низким временем отклика (ping) и высокой скоростью загрузки. Например imgur.com, в конце концов, можно (хотя и нежелательно) использовать и DropBox.

Залив картинку, вставь её адрес вместо трех точек: <img src="..." />

Ни в коем случае не используй radikal.ru! Также очень, очень советуем избегать cссылок на большие ресурсы вроде deviantart или разнообразных *booru. Намного лучше пользоваться специализированными ресурсами.

Разметка текстов, спойлеры, цитаты и прочее

Табун использует простой HTML для разметки записей и комментариев. Для тех, кто не знаком с HTML, приведем примеры возможного оформления текста:

Полужирное начертание:

<strong>Пони — это сила!</strong>

Пони — это сила!

Курсивное начертание:

<em>Пони — это сила!</em>

Пони — это сила!

Соответственно, теги

<u>текст</u> и <s>текст</s>

делают текст подчеркнутым или зачеркнутым:

текст и текст

blockquote делает из текста цитату:

<blockquote>Dear princess Celestia...</blockquote>

Dear princess Celestia...

Вот так можно вставлять спойлеры, открывающиеся по клику:

<span class="spoiler">
<span class="spoiler-title">Найтмейр Мун оказалась...</span>
<span class="spoiler-body">...принцессой Луной!</span>
</span>

Найтмейр Мун оказалась...… принцессой Луной!

Спойлеры, открывающиеся при наведении курсора мыши:

Конечно! <span class="spoiler-gray">На самом деле нет</span>

Конечно! На самом деле нет

<pre>Хитрый код...</pre> — используется, когда речь идет о каком-то коде, в итоге получается:

Хитрый код такой хит... STOP 0x000000CA

Теги можно комбинировать:

<em><u>Дружба — это <s>чудо</s> магия!</u></em>

Дружба — это чудо магия!

Списки

Табун поддерживает два типа списков: Нумерованные (ol) и ненумерованные (ul).
Нумерованные:

<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
<li>...и так далее</li>
</ol>

1. Первый элемент
2. Второй элемент
3. Третий элемент
4. … и так далее

Ненумерованные:

<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
<li>...и так далее</li>
</ul>

• Первый элемент
• Второй элемент
• Третий элемент
• … и так далее

Размер текста

Доступны три уровня заголовков:

<h4>Заголовок 1</h4>
<h5>Заголовок 2</h5>
<h6>Заголовок 3</h6>

Заголовок 1

Заголовок 2

Заголовок 3

Тегом small можно уменьшить размер текста:

<small>Мелкий текст</small>

Мелкий текст

Тегами sup и sub можно добавить верхний или нижний индекс соответственно:

x<sup>2</sup> - 5x + 6 = 0
x<sub>1</sub> = 3
x<sub>2</sub> = 2

x² — 5x + 6 = 0 / x₁ = 3 / x₂ = 2

Выравнивание

Возможно 3 типа выравнивания.

<span class="h-left">Слева</span>
<br class="clear"/>
<span class="h-center">По центру</span>
<span class="h-right">Справа</span>
<br class="clear"/>

Слева
По центру Справа

Аналогичные классы можно прописать для картинок. При выравнивании слева и справа текст или картинка будут обтекаться основным текстом. Чтобы этого избежать следует использовать тэг:

<br class="clear"/>

Дайсы

Они же «кубики».

##MxN##

Вместо M подставляем число, сколько раз кинуть «кубик», вместо N — число граней «кубика». Выводятся выпавшие числа и их сумма. Например:

##2d6##

2d6: [1 + 2] | [3]

Настоящие дайсы — только цветные. Подделать их невозможно никак, для отредактированных комментариев дайсы отключены.

И не забывайте воспользоваться кнопкой  перед отправкой поста или комментария!