Вернуться   ИнформКлуб - то, что надо! > Вебмастеринг. Общий раздел. > Форумы и CMS > Vbulletin - BB коды


Ответ
 
Опции темы Опции просмотра
Старый 24.08.2017, 00:15   #1
Gostemilov
Администратор
 
Регистрация: 22.08.2017
Сообщений: 38,315
Благодарил(а): 0 раз(а)
Поблагодарили: 3 раз(а) в 3 сообщениях
По умолчанию 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]
Описание: Объединяет столько столбцов, сколько указано в опциях.
Использовать опцию: да
Все остальные ниже: нет

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

Метки
bb code , vbulletin , таблица

Опции темы
Опции просмотра
Комбинированный вид Комбинированный вид

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


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


Почитать

Анекдоты
Афоризмы
Поговорки
Пословицы
Форум
Цитатник

Посмотреть

Галерея PNG клипарта
Галерея бесшовных фонов

Скачать

Файловый архив
Скрипты
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot