✏ Памятка по HTML разметке на форуме или как красиво оформить пост

Эм…Может надо было всё же не просто взять и перекопировать, а сравнить и проверить где правильно написал и “сработало”? а то примеры корявые… да и последнюю строчку можно было перевести…))

This guide was inspired with original Pachimari’s post.

Да, спасибо за замечания. Я еще редактирую тему и напишу больше, когда права отсыпят. :smiley:

А как красивее всего скопированные деки размещать?

Напомню, что если вы хотите, чтобы короткое сообщение выглядело прилично и не хотите к нему добавлять фразочки по типу “20 символов!!”, то можно просто приписать к тексту любой несуществующий тэг, например < fasfagasga >(без пробелов). Он отображаться в сообщении не будет, но в учет количества символов пойдет.

8 лайков

Лучше всего кодом:

AAECAR8MyQT+DNPFAs/HAtPNAsLOAobTApboAvLqAqbwAqCAA5uFAwn7AbUDxQjd0gLf0gLj0gLh4wKH+wKnigMA

Если мы говорим про большой код, то лучше ставить спойлер (а там уже внутри что хочешь писать):

Спойлер на большую деку

Пристодавка

Класс: Друид

# Формат: Вольный
#
# 1x (1) Исполины джунглей
# 2x (3) Вайш'ирский оракул
# 2x (3) Защитник холмов
# 2x (4) Быстроногая вестница
# 1x (4) Волхвица Умбра
# 2x (4) Проклятый ученик
# 2x (4) Развилка
# 2x (4) Ядовитые семена
# 2x (5) Охотница на грязней
# 2x (5) Плотоядный куб
# 2x (5) Пряха Судьбы
# 1x (6) Моджомастер Зихи
# 2x (6) Нерубский мастер сетей
# 2x (7) Аманийский медведь
# 1x (7) Графиня Эшмор
# 1x (8) Безумный доктор
# 1x (9) Хадронокс
# 1x (10) Н'Зот
# 1x (10) Тотальное заражение
# 
AAEBAbSKAwjgrAKLwQLJwgKHzgKv0wLA7AKb8ALAjwML+AeKDpvCAvfMAqfOAp7SAovhAprkApDvAvbzAtiMAwA=
# 
# Чтобы использовать эту колоду, скопируйте ее в буфер обмена и создайте новую колоду в Hearthstone.

Я бы еще добавил

<h2 id=heading--with-link>Заголовок с ссылкой</h2>
[ссылка](#heading--with-link)

превращается в

ссылка


идентификатор должен начинаться с heading-- а дальше любой текст.

Обновил тему: скорректировал неработающие теги, добавил информация по картинкам, ссылкам, видео и опросам. Свои замечание и предложения пишите в этой теме с тегом @SoVa. Спасибо!

Если вдруг кто-то не сразу осилил как же этот спойлер делается, то вот вам пример более интуитивно понятный.
<details><summary>Название Спойлера</summary>Текст, скрытый спойлером</details>

Название СпойлераТекст, скрытый спойлером
4 лайка

Аббревиатуры не работают.

ВСНР

ВНРОИВПА

Просто стало интересноÕ Ō Ø Œ Ó Ò Ö Ô O

À Á Â Ä Æ Ã Å Ā A

È É Ê Ë Ē Ė Ę

Ÿ Y

Ū Ú Ù Ü Û U

Ì Į Ī Í Ï Î I

Ś Š

Ł L

Ž Ź Ż Z

Ç Ć Č C

Ń Ñ N


:thinking:

На телефоне, кстати, этот пунктир выглядит линией.
Ща покажу.

h.ttps://imgur.com/a/IwJtegx

Лайков: 1

Все работает, но в посте у меня действительно была ошибочка в коде. Исправлено.

Что касается отображения точек у меня в Хроме тоже не под всеми буквами они есть. Но это не косяк форума, а формат отображения в зависимости от ос\браузера\настроек. : )

Да, также на iOS.

Лайков: 1

Странно это, ведь зелёный текст и подчёркивание работают нормально и там, и тут, а вот с Аббревиатурами (их подчёркиванием по умолчанию) проблема на некоторых устройствах браузерах.

Тут не в устройстве дело, а в браузере.
https://i.imgur.com/uZoCM4L.png
Слева IE, справа Опера.

Кстати, если в Опере поставить увеличение текста на 125%, то проблема пропадает.

Ага, на iOS также. Вообще в грамматике html подчеркивание это все-таки гиперссылка (традиция). А вот всякие всплывающие значения это пунктиры\точки.

Лайков: 1

Или 90%.

С кириллицей и цифрами не пашет. С латиницей ок.

Добавь в пост:

  1. Код таблицы с примером.
  2. Особенности, которые Я опишу ниже.

Два дефиса трансформируются в тире, но обязательны пробелы перед первым минусом и после второго.

3 Нижних подчёркивания трансформируются в горизонтальную линию


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

Для списка в списке пишем цифру с точкой на той же строчке, что и первую. После Enter список становится в начальную позицию.

1.2.3.