Использование таблиц в своих сообщениях
Добавлено: 06 май 2021, 20:24
Итак, краткая статья о правильном использовании таблиц в своих сообщениях...
Для начала, как основа, таблица начинается с тега
Это обязательное условие. Обратите внимание на цифру 80 - это ширина таблицы в процентах относительно ширины сообщения, а bg - это класс оформления таблицы (можете использовать так же классы - stat-block или panel
Далее формируем строки в таблице, за это отвечает тег
Где row - так же класс оформления строки. Тег строки всегда вставляется внутрь тега таблицы вот так
Далее есть два варианта - с шапкой таблица или без. Для варианта с шапкой вставляем внутрь тега строки тег
Где так же число 50 - это ширина ячейки шапки в процентах относительно ширины таблицы, а bg - это класс оформления.
Если же без шапки, то тег ячейки
Где bg - это класс оформления, 1,1 - указывается если ячейка занимает только одно место, если же нужно обьединить вертикально или горизонтально ячейки, то цифры меняются на количество обьединяемых ячеек
Перейдем к примерам, код для однострочной таблицы с шапкой, ячейки будут одинаковой ширины
Двустрочная
Обьединение горизонтальных ячеек
Обьединение вертикальных ячеек
Запутаться, конечно же, легко, но может кому-нибудь пригодится
Для начала, как основа, таблица начинается с тега
Код: Выделить всё
[table=80,bg][/table]Далее формируем строки в таблице, за это отвечает тег
Код: Выделить всё
[tr=row][/tr]Код: Выделить всё
[table=80,bg][tr=row][/tr][/table]Код: Выделить всё
[th=50,bg][/th]Если же без шапки, то тег ячейки
Код: Выделить всё
[td=bg,1,1][/td]Перейдем к примерам, код для однострочной таблицы с шапкой, ячейки будут одинаковой ширины
Код: Выделить всё
[table=80,bg][tr=row][th=50,bg]Заголовок 1[/th][th=50,bg]Заголовок 2[/th][/tr][tr=row][td=bg,1,1]Содержимое 1[/td][td=bg,1,1]Содержимое 2[/td][/tr][/table]| Заголовок 1 | Заголовок 2 |
|---|---|
| Содержимое 1 | Содержимое 2 |
Код: Выделить всё
[table=80,bg]
[tr=row][th=50,bg]Заголовок 1[/th][th=50,bg]Заголовок 2[/th][/tr]
[tr=row][td=bg,1,1]Содержимое 1[/td][td=bg,1,1]Содержимое 2[/td][/tr]
[tr=row][td=bg,1,1]Содержимое 3[/td][td=bg,1,1]Содержимое 4[/td][/tr]
[/table]| Заголовок 1 | Заголовок 2 |
|---|---|
| Содержимое 1 | Содержимое 2 |
| Содержимое 3 | Содержимое 4 |
Код: Выделить всё
[table=80,bg]
[tr=row][th=50,bg]Заголовок 1[/th][th=50,bg]Заголовок 2[/th][/tr]
[tr=row][td=bg,2,1]Содержимое 1[/td][/tr]
[tr=row][td=bg,1,1]Содержимое 2[/td][td=bg,1,1]Содержимое 3[/td][/tr]
[/table]| Заголовок 1 | Заголовок 2 |
|---|---|
| Содержимое 1 | |
| Содержимое 2 | Содержимое 3 |
Код: Выделить всё
[table=80,bg]
[tr=row][th=50,bg]Заголовок 1[/th][th=50,bg]Заголовок 2[/th][/tr]
[tr=row][td=bg,1,2]Содержимое 1[/td][td=bg,1,1]Содержимое 2[/td][/tr]
[tr=row][td=bg,1,1]Содержимое 3[/td][/tr]
[/table]| Заголовок 1 | Заголовок 2 |
|---|---|
| Содержимое 1 | Содержимое 2 |
| Содержимое 3 |