Tabs BBCode. Вкладки в сообщении.

[CabinetAdmin]

Bukovka_
Если ничего не вставлено, ничего и не выводится:) Код может отказаться работать только от вложенных в него ббкодов, имеющих в своей структуре <div>'ы.

[Bukovka_]

CabinetAdmin

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


Пошла в те сообщения, где вчера пыталась вставить таблицы и все стоит как надо. Почему же вчера не показывалось?

[CabinetAdmin]

Наверно кеш виноват, браузерный.

[Питер]

Этот bbcode вообще "бомба" для моего форума. НАХОДКА!
Что самое интересное, что подсказка, с которой идет война в топике "подсказки" тут свободно выходит за пределы "блока", главное чтобы сверху было еще немного текста. И слева, и справа свободно выходит за кладки. Красота!
Один маленький минус. Он конфликтует с bbcode "center". "Жирный" текст, картинки (иконки), "жирный" текст, все хавает. Но как только пытаешься отцентровать текст, "слетает"

[CabinetAdmin]

Центрировать можно с помощью стилей, а не ещё одного ббкода, добавить text-align: center; в .tabs_block .tabs_cont {.

[Питер]

Центровка, с учетом того, что строки отличаются по ширине, не подходит.


Картинки на всех вкладках одного размера. Списки (строки) могут доходить до тридцати и более. Впрочем это не важно.
Надо как-то сделать так, чтобы весь текст был выровнен по левой стороне,, но со сдвигом. Проще говоря, начало всех строк (цифры) не должны "гулять"
1
2
3
И так далее. Не знаю. Как то задать сдвиг и выравнивание left, но не по самому краю, а со сдвигом в процентах. А сколько процентов поставить, я уже поэкспериментирую. Примерно позиция, там где первая строка.

[CabinetAdmin]

Как добавляете содержимое? Для картинки есть свой ббкод?
Отступ слева можно задать здесь:

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

.tabs_block .tabs_cont { border: 1px solid #999; padding: 5px; background-color: #fff; }

Сейчас задано 5px со всех сторон, можно задать так padding: 5px 15px;. По горизонтали будет 15, по вертикали 5.

Если имеется в виду отступ на уровень после картинки, т.е. всё относительно картинки, то я бы лучше добавлял картинку на отдельной строке, а текст с новой строки. Поскольку для выравнивания опять таки используется overflow: hidden;, при условии, что у картинки в стилях указан float: left;, то, по понятным причинам, обрежет всплывающие подсказки.

[Питер]

Каждая строка это целый "блок"
К примеру первая

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

[tt][b]1. It Walks By Night[/b][info=Harper & Bros; 1930][img]http://impossible-crimes.ru/Forum/styles/prosilver/theme/images/book_icon.png[/img][/info] — [url_loc=http://impossible-crimes.ru/index.php?It_Walks_by_Night]ПОД ПОКРОВОМ НОЧИ[/url_loc][info="Оно ходит по ночам" 1. Мастера остросюжетного детектива"; Центрполиграф; 2004 2. Классика детектива — Собрание сочинений Д.Д. Карра #28 Центрполиграф; 2009][img]http://impossible-crimes.ru/Forum/styles/prosilver/theme/images/book_icon.png[/img][/info][/tt]

Картинка вставлена обычным wrapimg=. И обтекающий текст. Естественно получается, что как только "действие" картинки заканчивается, текст "прижимается" к левому краю.
И как не сдвигай текст с помощью изменений в скрипте, ничего не поменяется). Просто сделал wrapimg=right и все.

[Питер]

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

[hrc=#542e01]2[/hrc]

это горизонтальная полоса по всей ширине.
А что-то подобное, но уже для вертикальной полосы, существует? Именно для phpBB?
Чтобы поставить после картинки и уже тогда весь текст, будет по краю полоски.

В принципе, можно использовать вариант ббсоде col, только чтобы делило не произвольно, а левая часть — фиксированная, а правая выравнивается уже к "линии разделения" |
Такой bbcode возможно сделать?

[CabinetAdmin]

Да уж, просто жесть из ббкодов получается, ну раз уж и так куча ббкодов, можно тогда посоветовать таблицу ББ код Таблица. Получается так: создаём внутри таблицу с двумя колонками, в первой картинка, во второй всё остальное содержимое:

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

[tab][tr]<td> - Колонка с картинкой - </td><td> - Колонка с текстом - </td>[/tr][/tab]

Если что, то можно указать точную ширину для колонки с картинкой.

[Питер]

ббкод в ббкоде. Там даже 100 гр. не поможет))) Разве что бутылка. И не будут ли они (бб коды) конфликтовать.
В теме ББ код Таблица что то не совсем понятно. Где что — использование, замена и подсказка.
Можно чуть подробнее? С указанием ширины. Размеры я подберу опытным путем.

[CabinetAdmin]

Ну, там же написано:

Источник цитаты (использование, замена и подсказка)

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

[tab]{TEXT}[/tab] <table width="100%" cellpadding="5" border="1">{TEXT}</table> Контейнер таблицы

По порядку использование, замена и подсказка.

Если нет задачи создавать сложные таблицы, то можно 4 ббкод не создавать, а 6 создать так:

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

[td={NUMBER}]{TEXT}[/td]

замена

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

<td style="width:{NUMBER}px;">{TEXT}</td>

Подсказка

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

Ячейка таблицы: [td=ширина ячейки] содержимое [/td]

И готовая таблица будет выглядеть уже так:

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

[tab][tr][td=100] - Колонка с картинкой - [/td][td] - Колонка с текстом - [/td][/tr][/tab]

Если всё получается и устраивает, то можно заниматься стилями. Но уже в той теме.

[CabinetAdmin]

Сообщения отправлены в ББ код Таблица

[Питер]

Каким образом можно поменять цвет фона в таблицы с белого на другой?
background-color: #fff;
Указано значение в диез и три буквы. Это белый. А как указать другой цвет в такой кодировке? в фотошопе диез и шесть букв или цифровые значения.
Или я не там "копаю"?

[romaamor]

services/online_generator_html_color/