BB-код таблиц

  • Автор темы Ночная странница
  • 21174
  • Обновлено
  • 16, Jun 2012
  • #1
Нигде не срисовывала - разработка моя, и если кто-то раньше додумался - я не видела. Смысл в том, что поддержку по этому bb-коду - оказываю) Он немного сложнее, чем хак

, но его возможности по оформлению таблиц - больше, как мне кажется. И привыкать не нужно - все bbкоды внутри ячеек - работают в обычном режиме. Приступим. Для создания таблиц вам понадобится создать три бб-кода: для таблиц в целом, для строк и для ячеек.
bb-код для таблиц:
Заголовок: Начало и конец таблицы.
Название BB кода: tab Замена:
 <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]Таблица

Описание: Начинает и заканчивает таблицу.
Опции и ниже: все "нет"
bb-код для строк:
Заголовок: Начало и конец строки.
Название BB кода: tr Замена:
 <tr style="border: 1px solid grey; padding: 5px;">{param}</tr>

Пример:
Описание: Начинает и заканчивает строчку.
Опции и ниже: все "нет"
bb-код для ячеек:
Заголовок: Начало и конец ячейки.
Название BB кода: td
Замена:
 <td style="border: 1px solid grey; padding: 5px; ">{param}</td>

Пример: Ячейка
Описание: Начинает и заканчивает ячейку.
Опции и ниже: все "нет" ************************************* Создав эти три bb-кода, вы сможете строить таблицы таким образом: [tab] 1 ячейка 1 строки 2 ячейка 1 строки 1 ячейка 2 строки 2 ячейка 2 строки
То есть начинаем и заканчиваем таблицу первым bb-кодом, каждую строку - вторым, а ячейку - третьим. Единственное неудобство - после полного создания таблицы нужно убрать все пробелы между тегами - иначе перед таблицей будет разрыв. Вопросы и пожелания по доработке - приветствуются.

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 16, Jun 2012
  • #2
Доработала систему, теперь можно объединять между собой как столбцы, так и строки. Добавляем еще два bb-кода.
Объединение строк:

Заголовок: Объединяем вертикальные ячейки.
Название BB кода: tdr
Замена:
 <td rowspan="{option}">{param}</td>

Пример: [tdr="2"]Пример

Описание: Устанавливает число ячеек, которые должны быть объединены по вертикали.
Использовать опцию: да
Все остальные ниже: нет
Объединение столбцов:

Заголовок: Объединяем горизонтальные ячейки.
Название BB кода: tdc
Замена:
 <td colspan="{option}" style="border: 1px solid grey; padding: 5px; ">{param}</td>

Пример: [tdc="2"]Пример

Описание: Объединяет столько столбцов, сколько указано в опциях.
Использовать опцию: да
Все остальные ниже: нет Все обычные теги внутри таблиц по-прежнему работают.
Пример таблицы на тестовом
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 17, Jun 2012
  • #3
Кстати, на тестовом форуме все желающие могут попробовать создавать таблицы по этому методу, bb-коды стоят.

Заходите в любой из двух пользовательских аккаунтов (ники и пароли в верхнем объявлении) и тестируете возможности этого (и остальных) bb-кодов и хаков.

Если что-то не получается - можно задать вопрос ТУТ.

Могу так же оказать помощь в создании какой-то особо сложной таблицы и подсказать, как сделать, чтобы стиль ячеек был разным. [MOD="Ночная странница"] Сообщения про bb-код таблиц для Ucoz перемещены в раздел конструкторов
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 01, Aug 2013
  • #4
viktor6:
Как сделать чтобы размер таблиц был фиксированым?
{param} Вместо 250 можете указать свою фиксированную ширину в пикселях.
 

Mister1


Рег
02 Mar, 2013

Тем
21

Постов
208

Баллов
418
Тем
49554
Комментарии
57426
Опыт
552966

Интересно