ИнформКлуб - то, что надо!

ИнформКлуб - то, что надо! (http://informclub.ru/index.php)
-   Vbulletin - BB коды (http://informclub.ru/forumdisplay.php?f=16)
-   -   BB-код таблиц (http://informclub.ru/showthread.php?t=3)

Gostemilov 24.08.2017 00:15

BB-код таблиц
 
Для создания таблиц вам понадобится создать три бб-кода: для таблиц в целом, для строк и для ячеек.

bb-код для таблиц:

Заголовок: Начало и конец таблицы.
Название BB кода: tab
Замена:
Код HTML:

<table style="border: 1px solid grey;    border-collapse: collapse;    background: white; width: 100%; padding: 5px;">{param}</table>
ВАЖНО! стиль таблиц можно сменить в этом пункте:

border: 1px solid grey; /*Граница таблицы однопиксельная сплошная серая*/
border-collapse: collapse;
/*Это лучше не менять - убирает двойные рамки*/
background: white; /*Фон таблицы - белый, меняйте на нужный*/
width: 100%; /*Ширина в сообщениях*/
padding: 5px; /*Расстояние между содержимым таблицы и границами таблицы*/

Далее:

Пример: [tab]Таблица[/tab]
Описание: Начинает и заканчивает таблицу.
Опции и ниже: все "нет"

bb-код для строк:

Заголовок: Начало и конец строки.
Название BB кода: tr
Замена:
Код HTML:

<tr style="border: 1px solid grey; padding: 5px;">{param}</tr>

Пример:
[tr]Строка[/tr]
Описание: Начинает и заканчивает строчку.
Опции и ниже: все "нет"

bb-код для ячеек:

Заголовок: Начало и конец ячейки.
Название BB кода: td
Замена:
Код HTML:

<td style="border: 1px solid grey; padding: 5px; ">{param}</td>
Пример: [td]Ячейка[/td]
Описание: Начинает и заканчивает ячейку.
Опции и ниже: все "нет"

Создав эти три bb-кода, вы сможете строить таблицы таким образом:


Код HTML:

[tab]

[tr][td]  1 ячейка 1 строки  [/td][td]  2 ячейка 1 строки  [/td][/tr]
[tr][td]  1 ячейка 2 строки  [/td][td]  2 ячейка 2 строки  [/td][/tr]

[/tab]

То есть начинаем и заканчиваем таблицу первым bb-кодом, каждую строку - вторым, а ячейку - третьим.




1 ячейка 1 строки 2 ячейка 1 строки
1 ячейка 2 строки 2 ячейка 2 строки


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

Объединение строк:

Заголовок: Объединяем вертикальные ячейки.
Название BB кода: tdr
Замена:
Код HTML:

<td rowspan="{option}">{param}</td>
Пример: [tdr="2"]Пример[/tdr]
Описание: Устанавливает число ячеек, которые должны быть объединены по вертикали.
Использовать опцию: да
Все остальные ниже: нет

Объединение столбцов:

Заголовок: Объединяем горизонтальные ячейки.
Название BB кода: tdc
Замена:
Код HTML:

<td colspan="{option}" style="border: 1px solid grey; padding: 5px; ">{param}</td>
Пример: [tdc="2"]Пример[/tdc]
Описание: Объединяет столько столбцов, сколько указано в опциях.
Использовать опцию: да
Все остальные ниже: нет

Все обычные теги внутри таблиц по-прежнему работают.


Текущее время: 00:15. Часовой пояс GMT.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot