Помощь пользователям и администраторам форумов.

Объявление

Мое личное мнение, как Администратора сервиса персональных форумов ONBB.RU таково, что наличие при любом сервисе (или у компании, предоставляющей любые услуги) форума "технической поддержки", подобного этому, - является недостатком, свидетельством "сырости" и недоработки самого сервиса и недостаточного качества предоставляемой услуги. Чем больше сообщений в подобных форумах - тем более "плох" сервис или предоставляемая услуга. Статистика подтверждает (админы - знают), что из 100 недовольных, публично выскажутся и напишут 10 человек, а из 1 000 довольных - поблагодарит публично лишь один... Причина: матушка-лень. Хороший сервис или услуга подразумевает, что всё, абсолютно и по максимуму всё необходимое для пользователя должно быть уже сделано до того, как проект появляется в сети. Все необходимые материалы, комментарии, подсказки, помощь - уже должны содержаться в интуитивно понятном интерфейсе. Это должно быть основой, а не дополнением. Представьте, если бы мы летали на самолетах с конструкторами, которые в полёте продолжали бы "доконструировать" самолет, выпуская его "слегка недоделанным"!
Зачем тогда нужен данный форум, почему он существует?
Первая и главная причина: Вы так привыкли :) чтобы данные форумы существовали...
Парадоксально, но как Вы поняли, я надеюсь, что на данном форуме - Вы действительно НЕ найдете намного больше информации, чем уже есть в разделах помощи, которые интегрированы в администраторские интерфейсы и интерфейсы пользователей. По-крайней мере, я приложу к этому все усилия, чтобы она там была. И вторая причина как раз связана с тем, что именно на этом форуме я увижу Ваши идеи, как сделать сервис еще лучше.
В общем, форумы нужны для того, чтобы общаться... Вот и общайтесь! И ...буквы Вам в помощь... ;)
С уважением, Администратор сервиса персональных форумов ONBB.RU

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Помощь пользователям и администраторам форумов. » Добавление новых возможностей. » BBCode ДОПОЛНИТЕЛЬНИТЕЛЬНЫЕ КОДЫ (недокументированные).


BBCode ДОПОЛНИТЕЛЬНИТЕЛЬНЫЕ КОДЫ (недокументированные).

Сообщений 1 страница 3 из 3

1

Основные BBCod'ы, доступные как Администраторам, так и всем остальным участникам форумов, описаны в разделе:

КАК УКРАШАТЬ СООБЩЕНИЯ? Цвет, шрифт, изображения, фото, ссылки. BBCODE

... если, конечно, Вы не запретили их использование Пользователями в настройках своего форума :)

Если запретили, - еще раз подумайте: зачем?

Применение BBCode - безопасно, но дает возможность участникам форума более интересно оформлять свои сообщения, акцентировать внимание на тех или иных участках информации, да и в конечном итоге - Ваш форум не будет выглядеть слишком "сухим". За злоупотреблениями кодами  - лучше следить Администратору и предупреждать или наказывать персонально виновных, но не лишать в целом всех данной возможности.

Настройка разрешения\запрещения применения BBCod'а производится здесь: Администрирование >> Права

Итак, опишем недокументированный код вставки таблицы с информацией в сообщения.
Данный код работает на всех форумах, но для его использования не предусмотрена кнопка, т.к. он достаточно сложный, если Вы не владеете основами разметки документов на HTML. Если Вы используете HTML, тогда Вам станет все понятно "с первых строк" ;)

Пример кода:

Код:
[table]
[tr]
[td]Таблица с одной ячейкой, одной строкой[/td]
[tr]
[/table]

По сути, данный пример - ничего полезного не делает :) Нет смысла создавать таблицу с одной строкой и с одной ячейкой.
Рассмотрим практическое применение данного кода на более сложном примере, когда Вам, например, необходимо создать таблицу, первый столбец которой - описания чего-то, второй - значения, третий - еще какие то параметры. Хочется, чтобы все было ровненько, строки описаний и значений находились напротив друг-друга на одной линии. Вот тут как нельзя лучше нам и понадобится разметка в виде таблицы.

Пример:

Код:
[table]
[tr]
[td]Заголовок столбца 1 [/td][td]Заголовок столбца 2 [/td][td]Заголовок столбца 3[/td]
[/tr]
[tr]
[td]
строка 1
строка 2
строка 3
[/td]
[td]
значение 1
значение 2
значение 3
[/td]
[td]
параметр 1
параметр 2
параметр 3
[/td]
[/tr]
[/table]

Результат:

Заголовок столбца 1

Заголовок столбца 2

Заголовок столбца 3

строка 1
строка 2
строка 3

значение 1
значение 2
значение 3

параметр 1
параметр 2
параметр 3

Внутри ячеек, описанных открывающимися кодами TD и закрывающимися /TD Вы можете использовать любые другие BBCod'ы (изменение размера шрифта, цвета, жирности, вставку картинок и т.д.). Именно использование BBCoda  таблиц, позволяет размещать поясняющий текст сбоку от больших картинок, если по ширине остается достаточно места (Вы могли заметить данную разметку в моих постах).

Код с пояснениями:

Код:
[table]  <- открываем таблицу

[tr] <- открываем строку

[td] <- открываем ячейку
текст, изображения, прочая инфо в ячейке...
[/td] <- закрываем ячейку

[td] <- открываем вторую ячейку (второй столбец)
текст, изображения, прочая инфо в ячейке...
[/td] <- закрываем вторую ячейку (второй столбец)


[tr] <- закрываем строку

[/table] <- закрываем таблицу

Если необходима вторая строка таблицы, дублируем то же количество ячеек с тегами, открывающими и закрывающими строку (tr).

ВАЖНО! Если Вы создаете таблицу, которая содержит несколько столбцов и несколько строк, то количество ячеек (td) в каждой строке таблицы - должно быть одинаково, даже если Вы не используете некоторые.

Обычно, в 90% случаев достаточно двух строк в таблице: в первой строке в ячейках - заголовки столбцов, во второй строке таблицы в ячейках - содержание столбцов.


Как настроить, чтобы таблицы не растягивались по ширине на все окно сообщения?
Как настроить окантовки (бордюры) таблиц, фоны ячеек и другие параметры в разных сообщениях по-разному?

По-умолчанию, создав с помощью кодов (выше) таблицу, например, состоящую из всего двух столбцов, Вы можете получить в результате то, что второй столбец слишком далеко от первого. Это неудобно. Происходит это потому, что ширина таблицы по-умолчанию равна 100%, т.е. таблица растягивается даже при двух столбцах во всю ширину и между столбцами ширина распределяется 50% на 50% (между тремя по 33%, между 4-мя по 25% и т.д.).

Чтобы ширина таблицы автоматически была не больше ширины содержимого двух столбцов, необходимо установить в настройках форума стиль для таблиц в сообщениях. Вставляем следующий код в  Администрирование >> Настройки > Основные > HTML верх

Код:
<STYLE>
.post-content table{
table-layout:auto!important;
width:auto!important;
}

</STYLE>

Если хотите, чтобы все таблицы, которые вставлены в сообщения были выделены бордюром по периметру, добавьте внутрь описания данного стиля строку:

Код:
border:2px solid white!important;

где в пикселях указываете толщину бордюра и цвет (в примере: толщина 2 пикселя, белым цветом).

Помните, что данные изменения в блоке стилей будут отображаться для всех вставленных таблиц в любых сообщениях на всем вашем форуме!

Так как же сделать индивидуальную настройку каждой таблицы?

Это требует более "тонкого" применения параметров стилей. Если Вы не разбираетесь в CSS - не советуем использовать данные настройки (произведите необходимые общие настройки стилей таблиц для всего форума, как указано выше, этого будет вполне достаточно).

"Тонкая" настройка требует понимания структуры стилей и элементов в HTML коде страниц.

В каждой теме, сообщения (посты) обрамлены слоем <div id=>...</div>, который имеет свой id

Например, данный топик-пост в ХТМЛ коде имеет "обрамление" следующим div'ом:

<div id="p214" class="post topicpost endpost">

В стилях для данного id="p214" для всех таблиц и ячеек:

Код:
#p214 table{
table-layout:auto!important;
width:auto!important;
border:1px solid white!important;
}

#p214 td{
margin:5px!important;padding:5px!important;
border:1px solid green!important;
}

Установлено однопиксельное обрамление белым всей таблицы, автоширина, бордюры зеленым для ячеек.

А следующий пост в данной теме (мой пример), заключен в такой слой:

<div id="p342" class="post altstyle endpost">

Что позволяет также задать отдельный стиль для таблиц, содержащихся в данном слое с id="p342".

Читаем сообщение ниже...

0

2

Пример того, как в другом посте (сообщении) Вы можете сделать ту же таблицу с другим стилем.

Код стиля:

Код:
#p342 table{
text-align:center;
table-layout:auto!important;
width:auto!important;
border:2px solid red!important;
background:yellow;
}

#p342 td{
margin:25px!important;padding:25px!important;
border:1px solid blue!important;
color:brown;
}

В стиле для данного сообщения, имеющего id="p342" установлено для всей таблицы:

- центрирование текста,
- красный бордюр по периметру таблицы, шириной 2 пикселя,
- желтый фон для всей таблицы

для всех ячеек установлен коричневый цвет шрифта и для каждой ячейки однопиксельный синий бордюр :)

А вот и результат:

Заголовок столбца 1

Заголовок столбца 2

Заголовок столбца 3

строка 1
строка 2
строка 3

значение 1
значение 2
значение 3

параметр 1
параметр 2
параметр 3

Та же таблица, что и в топик-посте выше.

0

3

И пример, как будет та же таблица выглядеть в других сообщениях и в сообщениях участников, если они вставят ее на данном форуме.

Заголовок столбца 1

Заголовок столбца 2

Заголовок столбца 3

строка 1
строка 2
строка 3

значение 1
значение 2
значение 3

параметр 1
параметр 2
параметр 3

Мы же помним, что участники форума могут использовать BBCod таблиц, но не имеют доступа к изменению стилей Вашего форума!
Многие из участников могут быть "продвинутее", чем мы - Админы, потому позаботьтесь, чтобы даже те возможности, которые будут использовать они, - выглядели прилично :)

0


Вы здесь » Помощь пользователям и администраторам форумов. » Добавление новых возможностей. » BBCode ДОПОЛНИТЕЛЬНИТЕЛЬНЫЕ КОДЫ (недокументированные).