BBCode - Таблица в сообщениях

Создаем таблицу в сообщениях на форуме, пример работы

Ббкоды для красивого оформления и работы с текстом для phpbb
Ответить

Сообщение Admin »

BBCode - Таблица в сообщении
Создаем таблицу в сообщениях на форуме, пример работы

Таблица состоит из нескольких частей, устанавливаем все.

Код: Выделить всё

[tab][/tab]

Код: Выделить всё

[tr][/tr]

Код: Выделить всё

[td][/td]
Первый код
Создаем главный тэг таблицы
Использование BBCode

Код: Выделить всё

[tab={TEXT1?}]{TEXT}[/tab]
Замена HTML

Код: Выделить всё

<table border="0">
  <xsl:if test="@tab">
    <xsl:attribute name="width"><xsl:value-of select="@tab"/>%</xsl:attribute>
  </xsl:if>
  <xsl:apply-templates/>
</table>
Подсказка

Код: Выделить всё

Создаем таблицу [tab=ширина]строки с ячейками[/tab]

Второй код
Создаем Строки
Использование BBCode

Код: Выделить всё

[tr]{TEXT}[/tr]
Замена HTML

Код: Выделить всё

<tr>{TEXT}</tr>
Подсказка

Код: Выделить всё

Делаем строку
Третий код
Создаем ячейки
Использование BBCode

Код: Выделить всё

[td={TEXT1?}]{TEXT}[/td]
Замена HTML

Код: Выделить всё

<td>
  <xsl:choose>
    <xsl:when test="@td">
      <xsl:attribute name="width">
        <xsl:value-of select="@td"/>
      </xsl:attribute>
    </xsl:when>
    <xsl:otherwise>
      <xsl:attribute name="style">padding:5px; border: 1px solid #dfdfdf; vertical-align: top;</xsl:attribute>
    </xsl:otherwise>
  </xsl:choose>
  <xsl:apply-templates/>
</td>
Подсказка

Код: Выделить всё

Делаем ячейки
Пример работы:

Код: Выделить всё

1 вариант
[tab][tr][td]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr][tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr][tr][td]BBCode[/td][td]BBCode  - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr][/tab]
2 вариант
[tab][tr][td=200]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr][tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr][tr][td]BBCode[/td][td]BBCode  - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr][/tab]
3 вариант
[tab=100][tr][td]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr][tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr][tr][td]BBCode[/td][td]BBCode  - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr][/tab]
1 вариант
phpbb 3МодификацииBBcode
BBCodeСтили - phpbb3Таблица в сообщении
BBCodeBBCode - Таблица в сообщенииСтили - phpbb3
2 вариант
phpbb 3МодификацииBBcode
BBCodeСтили - phpbb3Таблица в сообщении
BBCodeBBCode - Таблица в сообщенииСтили - phpbb3
3 вариант
phpbb 3МодификацииBBcode
BBCodeСтили - phpbb3Таблица в сообщении
BBCodeBBCode - Таблица в сообщенииСтили - phpbb3

Сообщение AleksNik »

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

Сообщение Admin »

AleksNik
Бывает при такой верстке:
№1

Код: Выделить всё

[tab]
[tr]
[td]111[/td][td]222[/td]
[/tr]
[tr]
[td]333[/td][td]444[/td]
[/tr]
[/tab]
№2

Код: Выделить всё

[tab]
[tr][td]111[/td][td]222[/td][/tr]
[tr][td]333[/td][td]444[/td][/tr]
[/tab]
и тому подобное.

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

Код: Выделить всё

[tab][tr][td]111[/td][td]222[/td][/tr][tr][td]333[/td][td]444[/td][/tr][/tab]
111222
333444
111222
333444
Или

Код: Выделить всё

[tab][tr][td]111
111
111111111[/td][td]222
2222[/td][/tr][tr][td]333
333
3
3333[/td][td]444
444
4
4444444[/td][/tr][/tab]
111
111
111111111
222
2222
333
333
3
3333
444
444
4
4444444
111
111
111111111
222
2222
333
333
3
3333
444
444
4
4444444
Не правильно

Код: Выделить всё

[tab][tr][td]111[/td][td]222[/td][/tr]
[tr][td]333[/td][td]444[/td][/tr]
[tr][td]111[/td][td]222[/td][/tr]
[tr][td]333[/td][td]444[/td][/tr][/tab]
Правильно

Код: Выделить всё

[tab][tr][td]111[/td][td]222[/td][/tr][tr][td]333[/td][td]444[/td][/tr][tr][td]111[/td][td]222[/td][/tr][tr][td]333[/td][td]444[/td][/tr][/tab]
111222
333444
111222
333444

Поделитесь ссылкой.

HTML код
BBCode
Link
Ответить

Вернуться в «BBcode оформление текста»

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

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