BB-код таблиц

Нигде не срисовывала - разработка моя, и если кто-то раньше додумался - я не видела. Смысл в том, что поддержку по этому bb-коду - оказываю) Он немного сложнее, чем хак, но его возможности по оформлению таблиц - больше, как мне кажется. И привыкать не нужно - все bbкоды внутри ячеек - работают в обычном режиме.

Приступим.

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

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

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

border: 1px solid grey;
border-collapse: collapse;
background: white;
width: 100%;
padding: 5px;

Далее:

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


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

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


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

Заголовок: Начало и конец ячейки.
Название BB кода: td
Замена: Пример: [td]Ячейка[/td]
Описание: Начинает и заканчивает ячейку.
Опции и ниже: все "нет"

*************************************

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


[tab]

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

[/tab]


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

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

Вопросы и пожелания по доработке - приветствуются.

Доработала систему, теперь можно объединять между собой как столбцы, так и строки. Добавляем еще два bb-кода.

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


Заголовок: Объединяем вертикальные ячейки.
Название BB кода: tdr
Замена: Пример: [tdr="2"]Пример[/tdr]
Описание: Устанавливает число ячеек, которые должны быть объединены по вертикали.
Использовать опцию: да
Все остальные ниже: нет

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


Заголовок: Объединяем горизонтальные ячейки.
Название BB кода: tdc
Замена: Пример: [tdc="2"]Пример[/tdc]
Описание: Объединяет столько столбцов, сколько указано в опциях.
Использовать опцию: да
Все остальные ниже: нет

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

Пример таблицы на тестовом

Кстати, на тестовом форуме все желающие могут попробовать создавать таблицы по этому методу, bb-коды стоят. Заходите в любой из двух пользовательских аккаунтов (ники и пароли в верхнем объявлении) и тестируете возможности этого (и остальных) bb-кодов и хаков. Если что-то не получается - можно задать вопрос ТУТ. Могу так же оказать помощь в создании какой-то особо сложной таблицы и подсказать, как сделать, чтобы стиль ячеек был разным.
[MOD="Ночная странница"]
Сообщения про bb-код таблиц для Ucoz перемещены в раздел конструкторов[/MOD]

Как сделать чтобы размер таблиц был фиксированым?

viktor6 написал(а):

Как сделать чтобы размер таблиц был фиксированым?

Нажмите для раскрытия...

<td width="250px" colspan="{option}" style="border: 1px solid grey; padding: 5px; ">{param}</td>

Вместо 250 можете указать свою фиксированную ширину в пикселях.