Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

bbcode Таблица в сообщении

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

bbcode Таблица в сообщении

Сообщение Добавлено: 14 сен 2009, 15:58

bbcode Таблица в сообщении
Это пример простой таблицы, если нужна специфическая таблица то можно оставлять заявки тут на тюнинг таблицы :)
Для того что бы вставить таблицу в сообщение нам понадобятся не 1 ббкод а несколько
Сообщение Администратора GoDFaTHeR A
для того что бы все работало нужно сделать ббокды


Код: Выделить всё
[tab][/tab]
Код: Выделить всё
[tr][/tr]
Код: Выделить всё
[td][/td]

Первый ббкод
Использование BBCode
Создаем главный тэг таблицы
Код: Выделить всё
[tab]{TEXT}[/tab]

Замена HTML
Код: Выделить всё
<table border="1" width="100%">
{TEXT}
  </table>

Подсказка
Код: Выделить всё
Создаем таблицу

Второй ббкод
Использование BBCode
Создаем Строки
Код: Выделить всё
[tr]{TEXT}[/tr]

Замена HTML
Код: Выделить всё
<tr>{TEXT}</tr>

Подсказка
Код: Выделить всё
Делаем строку

Третий ббкод
Использование BBCode
Создаем ячейки
Код: Выделить всё
[td]{TEXT}[/td]

Замена HTML
Код: Выделить всё
<td>{TEXT}</td>

Подсказка
Код: Выделить всё
Делаем ячейки


Для того что бы пользоваться данным ббкодом нужно знать основы html
Как сделать таблицу?

Таблица состоит из строк и ячеек

В таблице должны быть СТРОКА
В строке должны быть ЯЧЕЙКИ

Создаем простую таблицу состоящую из 2 строк и 2 ячеек
Код: Выделить всё
[tab][tr][td]1.1[/td][td]1.2[/td][/tr][tr][td]2.1[/td][td]2.2[/td][/tr][/tab]

[tab][tr][td]1.1[/td][td]1.2[/td][/tr][tr][td]2.1[/td][td]2.2[/td][/tr][/tab]

Создадим таблицу посложнее:
Создадим таблицу состоящую из 5 строк и 6 ячеек в cтроке
Код: Выделить всё
[tab][tr][td]1.1[/td][td]1.2[/td][td]1.3[/td][td]1.4[/td][td]1.5[/td][td]1.6[/td][/tr][tr][td]2.1[/td][td]2.2[/td][td]2.3[/td][td]2.4[/td][td]2.5[/td][td]2.6[/td][/tr][tr][td]3.1[/td][td]3.2[/td][td]3.3[/td][td]3.4[/td][td]3.5[/td][td]3.6[/td][/tr][tr][td]4.1[/td][td]4.2[/td][td]4.3[/td][td]4.4[/td][td]4.5[/td][td]4.6[/td][/tr][tr][td]1.1[/td][td]5.2[/td][td]5.3[/td][td]5.4[/td][td]5.5[/td][td]5.6[/td][/tr][/tab]

[tab][tr][td]1.1[/td][td]1.2[/td][td]1.3[/td][td]1.4[/td][td]1.5[/td][td]1.6[/td][/tr][tr][td]2.1[/td][td]2.2[/td][td]2.3[/td][td]2.4[/td][td]2.5[/td][td]2.6[/td][/tr][tr][td]3.1[/td][td]3.2[/td][td]3.3[/td][td]3.4[/td][td]3.5[/td][td]3.6[/td][/tr][tr][td]4.1[/td][td]4.2[/td][td]4.3[/td][td]4.4[/td][td]4.5[/td][td]4.6[/td][/tr][tr][td]1.1[/td][td]5.2[/td][td]5.3[/td][td]5.4[/td][td]5.5[/td][td]5.6[/td][/tr][/tab]
_________________________

В ббкоде ячейка можно использовать любое форматировани (цвет размер и т.д.)
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
SanyaFox

Сообщения: 17
Зарегистрирован: 19 авг 2010, 10:23
Благодарил (а): 2
Поблагодарили: 0 раз в 0 сообщении
Город: Москва
Пол: Мужской
Адрес форума: http://megaforum.4admins.ru/
Баллы репутации: 0

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 19 авг 2010, 15:18

GoDFaTHeR писал(а):
macloo писал(а):Должен же быть какой-то инструмент.

В теории можно написать java script в котором будет появляться окно, в котором можно будет нарисовать таблицу и потом каркас таблицы будет перенесен в сообщение... но к сожалению со скриптами java не дружу и помочь с этим не могу...

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

Ладно, пока сам буду таблицы делать. :) А потом, может, я с явой задружу. :) Я наоборот хочу, чтобы народ таблицы делал, ведь в них справочная информация хорошо отображается.

А можно ли делать таблицы сложные? К примеру, надо сделать такую таблицу, а получается вот это:

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 19 авг 2010, 15:48

macloo писал(а):А можно ли делать таблицы сложные?

Можно :) (мне нравится такой подход)

для таких таблиц надо делать дополнительные атрибуты
например именно для такой таблицы надо сделать еще один ббкод
Использование ббкода
Код: Выделить всё
[td={SIMPLETEXT}]{TEXT1}[/td]

Замена html
Код: Выделить всё
<td colspan="{SIMPLETEXT}">{TEXT1}

Иными словами мы делаем объединение ячеек. вместо {SIMPLETEXT} пишем количество склеенных ячеек
например так
Код: Выделить всё
[tab][tr][td=3]тройная ячека[/td][/tr][tr][td=2]двойная ячейка слева[/td][td]одинарная ячейка[/td][/tr][tr][td]одинарная ячейка[/td][td=2]двойная ячейка слева[/td][/tr][tr][td]одинарная ячейка [/td][td]одинарная ячейка[/td][td]одинарная ячейка[/td][/tr][/tab]

[tab][tr][td=3]тройная ячека[/td][/tr][tr][td=2]двойная ячейка слева[/td][td]одинарная ячейка[/td][/tr][tr][td]одинарная ячейка[/td][td=2]двойная ячейка слева[/td][/tr][tr][td]одинарная ячейка[/td][td]одинарная ячейка[/td][td]одинарная ячейка[/td][/tr][/tab]
На этом сервисе можно cоздать форум бесплатно

Сообщения: 17
Зарегистрирован: 19 авг 2010, 10:23
Благодарил (а): 2
Поблагодарили: 0 раз в 0 сообщении
Город: Москва
Пол: Мужской
Адрес форума: http://megaforum.4admins.ru/
Баллы репутации: 0

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 19 авг 2010, 17:20

Точно. Что это я не догадался, что к DT тоже можно параметры прикрутить. :)
GoDFaTHeR писал(а):
Код: Выделить всё
[td={SIMPLETEXT}]{TEXT1}[/td]

Замена html
Код: Выделить всё
<td colspan="{SIMPLETEXT}">{TEXT1}


GoDFaTHeR, ты забыл в замене приписать </td>. И я думаю, лучше указывать {NUMBER}. Если пользователи всё же будут делать таблицы, поможет избежать возможных ошибок. :)
Вот что у меня примерно получилось (+ ещё таблица с объединением строк):

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 19 авг 2010, 19:36

macloo писал(а):И я думаю, лучше указывать {NUMBER}. Если пользователи всё же будут делать таблицы, поможет избежать возможных ошибок. :)

:drink:
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 170
Зарегистрирован: 16 апр 2010, 19:59
Благодарил (а): 24
Поблагодарили: 6 раз в 6 сообщениях
Город: Кемерово
Пол: Мужской
Адрес форума: none-
Баллы репутации: 11

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 31 авг 2010, 18:31

В чем ошибка? От чего такой пробел?
[tab][tr][td][center]Номер мобильника[/center][/td][td][center]Что получаем[/center][/td][/tr]
[tr][td]GTA-555-0100 (482-555-0100)[/td][td]100% здоровья[/td][/tr]
[tr][td]DOC-555-0100 (362-555-0100)[/td][td]100% брони[/td][/tr]
[tr][td]GUN-555-0150 (486-555-0150)[/td][td]Первый набор оружия[/td][/tr]
[tr][td]GUN-555-0100 (486-555-0100)[/td][td]Второй набор оружия[/td][/tr]
[tr][td]COP-555-0100 (267-555-0100)[/td][td]Снять все "звёзды" розыска[/td][/tr]
[tr][td]COP-555-0150 (267-555-0150)[/td][td]Добавить "звезду" к уровню розыска[/td][/tr]
[tr][td]HOT-555-0100 (468-555-0100)[/td][td]Сменить погоду[/td][/tr]
[tr][td]FLY-555-0100 (359-555-0100)[/td][td]Получить нахаляву вертушку копов "Annihilator"[/td][/tr]
[tr][td]CAR-555-0142 (227-555-0142)[/td][td]...авто мафии "Cognoscenti"[/td][/tr]
[tr][td]CAR-555-0175 (227-555-0175)[/td][td]...спорт-кар "Comet"[/td][/tr]
[tr][td]CAR-555-0100 (227-555-0100)[/td][td]...тачку ФБР "FIB Buffalo"[/td][/tr]
[tr][td]CAR-555-0168 (227-555-0168)[/td][td]...спорт-кар "SuperGT"[/td][/tr]
[tr][td]CAR-555-0147 (227-555-0147)[/td][td]...спорт-кар "Turismo"[/td][/tr]
[tr][td]MBK-555-0100 (625-555-0100)[/td][td]...мотоцикл "NRG-900"[/td][/tr]
[tr][td]MBK-555-0150 (625-555-0150)[/td][td]...кросс-байк "Sanchez"[/td][/tr]
[tr][td]WET-555-0100 (938-555-0100)[/td][td]...катер "Jetmax"[/td][/tr][/tab]
Код: Выделить всё
[tab][tr][td][b][center]Номер мобильника[/center][/b][/td][td][b][center]Что получаем[/center][/b][/td][/tr]
[tr][td]GTA-555-0100 (482-555-0100)[/td][td]100% здоровья[/td][/tr]
[tr][td]DOC-555-0100 (362-555-0100)[/td][td]100% брони[/td][/tr]
[tr][td]GUN-555-0150 (486-555-0150)[/td][td]Первый набор оружия[/td][/tr]
[tr][td]GUN-555-0100 (486-555-0100)[/td][td]Второй набор оружия[/td][/tr]
[tr][td]COP-555-0100 (267-555-0100)[/td][td]Снять все "звёзды" розыска[/td][/tr]
[tr][td]COP-555-0150 (267-555-0150)[/td][td]Добавить "звезду" к уровню розыска[/td][/tr]
[tr][td]HOT-555-0100 (468-555-0100)[/td][td]Сменить погоду[/td][/tr]
[tr][td]FLY-555-0100 (359-555-0100)[/td][td]Получить нахаляву вертушку копов "Annihilator"[/td][/tr]
[tr][td]CAR-555-0142 (227-555-0142)[/td][td]...авто мафии "Cognoscenti"[/td][/tr]
[tr][td]CAR-555-0175 (227-555-0175)[/td][td]...спорт-кар "Comet"[/td][/tr]
[tr][td]CAR-555-0100 (227-555-0100)[/td][td]...тачку ФБР "FIB Buffalo"[/td][/tr]
[tr][td]CAR-555-0168 (227-555-0168)[/td][td]...спорт-кар "SuperGT"[/td][/tr]
[tr][td]CAR-555-0147 (227-555-0147)[/td][td]...спорт-кар "Turismo"[/td][/tr]
[tr][td]MBK-555-0100 (625-555-0100)[/td][td]...мотоцикл "NRG-900"[/td][/tr]
[tr][td]MBK-555-0150 (625-555-0150)[/td][td]...кросс-байк "Sanchez"[/td][/tr]
[tr][td]WET-555-0100 (938-555-0100)[/td][td]...катер "Jetmax"[/td][/tr][/tab]
Изображение

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 01 сен 2010, 09:20

[quoteem="Prince"]В чем ошибка? От чего такой пробел?[/quoteem]
а тему целиком трудно почитать?
ответ на прошлой странице
читать с этого момента
viewtopic.php?p=5533#p5533
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 29
Зарегистрирован: 27 апр 2011, 05:57
Благодарил (а): 16
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://simschallenge.4adm.ru
Баллы репутации: 6

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 15 май 2011, 02:45

Мне с самого начала не понравился вид таблицы из-за двойной рамочки... Не изящно, господа :wink:
Предлагаю такой вариант, для тех, кто хочет вид поаккуратней: (используем таблицы стилей, так как у HTML возможности дизайна таблиц ограничены)

ТАВ (сама таблица)
Замена HTML
Код: Выделить всё
<style>
table
{
border: 1px solid grey;
border-collapse: collapse;
background: white;
}
</style>
<center>
<table width="90%">
{TEXT}
  </table></center>


border-collapse: collapse; - убирает те самые двойные рамки
background: white; - цвет фона таблицы, можно менять на свой вкус, у меня стоит белый
table width="90%" - ширина таблицы, чтобы не съезжала при этом на левый край, все помещено в теги "center"
border: 1px solid grey; - задает однопиксельную рамку серого цвета, цвет и толщину можно менять

TR (строка)
Замена HTML
Код: Выделить всё
<style>
tr
{
border: 1px solid grey; }
</style>
<tr>{TEXT}</tr>


TD (ячейка)
Замена HTML
Код: Выделить всё
<style>
td
{
border: 1px solid grey; }
</style>
<td>{TEXT}</td>


Тем, кто знает HTML и CSS, это легко сделать, а вот новичкам, надеюсь, полезно такое усовершенствование будет). Я указала только поле "Замена HTML", потому что все остальные поля заполняются, как в первом сообщении темы.

Результат?
Изображение

оффтоп
Красота спасёт мир! :drink:
Если все пользователи форума техподдержки будут читать FAQ, пользоваться поиском и учить HTML, админы [s]умрут от скуки[/s] займутся усовершенствованиями! ;D

Аватара пользователя
Сообщения: 122
Зарегистрирован: 03 янв 2011, 01:47
Благодарил (а): 68
Поблагодарили: 6 раз в 5 сообщениях
Пол: Мужской
Адрес форума: http://veshenskaya.4adm.ru
Баллы репутации: 4

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 15 май 2011, 20:27

Это BBCode?

Аватара пользователя
Сообщения: 29
Зарегистрирован: 27 апр 2011, 05:57
Благодарил (а): 16
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://simschallenge.4adm.ru
Баллы репутации: 6

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 15 май 2011, 21:26

Пионер писал(а):Это BBCode?


:scratch: Попробую объяснить.
Все виды тегов легко отличить по скобкам: у ВВ-кодов скобочки квадратные [теги ВВ-кодов], у HTML - треугольные <теги HTML>, в CSS (каскадных таблицах стилей) скобочки фигурные { свойства и значения CSS }.

Для чего нужна вся эта конструкция?
Использование HTML на форумах доверять пользователям нельзя, попросту опасно, поэтому придуманы ВВ-коды. Сами ВВ-коды "делаются" админами с помощью HTML и CSS. В результате пользователи получают простую, понятную и доступную возможность форматировать текст, без доступа к HTML и риска для форума.

Так и с таблицами: админ с помощью HTML и CSS делает ВВ-коды для создания таблиц, а пользователи уже с помощью них создают таблицы.
уточнение
(для этого нужно сделать три ВВ-кода: [tab], [tr] и [td] - смотрите первый пост темы)
Если все пользователи форума техподдержки будут читать FAQ, пользоваться поиском и учить HTML, админы [s]умрут от скуки[/s] займутся усовершенствованиями! ;D

За это сообщение пользователя MakerShe поблагодарили:
GoDFaTHeR

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: bbcode Таблица в сообщении

Сообщение Добавлено: 27 май 2011, 11:09

MakerShe писал(а):ТАВ (сама таблица)
Замена HTML
<style>
table
{
border: 1px solid grey;
border-collapse: collapse;
background: white;
}
</style>
<center>
<table width="90%">
{TEXT}
</table></center>



border-collapse: collapse; - убирает те самые двойные рамки
background: white; - цвет фона таблицы, можно менять на свой вкус, у меня стоит белый
table width="90%" - ширина таблицы, чтобы не съезжала при этом на левый край, все помещено в теги "center"
border: 1px solid grey; - задает однопиксельную рамку серого цвета, цвет и толщину можно менять

TR (строка)
Замена HTML

Код: Выделить всё
<style>
tr
{
border: 1px solid grey; }
</style>
<tr>{TEXT}</tr>



TD (ячейка)
Замена HTML

Код: Выделить всё
<style>
td
{
border: 1px solid grey; }
</style>
<td>{TEXT}</td>

:%) Нехороший код замены. :nea: Потому что тег style должен находиться до тега </head>, а в таблице ему тем более делать нечего...
Лучше будет использовать хотя бы конструкцию типа:
Код: Выделить всё
<center>
    <table style="border: 1px solid grey;
    border-collapse: collapse;
    background: white; width: 90%;">
    {TEXT}
      </table></center>

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

   <td style="border: 1px solid grey; ">{TEXT}</td>

А еще лучше:
Код: Выделить всё
<table class="bbtable">
    {TEXT}
      </table>

    <tr class="bbtr">{TEXT}</tr>

   <td class="bbtd">{TEXT}</td>

И классы описать в css. :)


Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 13