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

CabinetAdmin · **CabinetAdmin** 07 сен 2013, 06:29 Сообщение

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

Bukovka_ · **Bukovka_** 07 сен 2013, 13:07 Сообщение

CabinetAdmin

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

:shock:

Пошла в те сообщения, где вчера пыталась вставить таблицы и все стоит как надо. :shock:

Почему же вчера не показывалось? :shock:

CabinetAdmin · **CabinetAdmin** 07 сен 2013, 13:14 Сообщение

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

Питер · **Питер** 26 ноя 2017, 03:19 Сообщение

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

CabinetAdmin · **CabinetAdmin** 26 ноя 2017, 07:50 Сообщение

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

Питер · **Питер** 26 ноя 2017, 21:00 Сообщение

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

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

CabinetAdmin · **CabinetAdmin** 27 ноя 2017, 17:20 Сообщение

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

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

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

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

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

Питер · **Питер** 27 ноя 2017, 17:43 Сообщение

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

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

[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 и все.

Питер · **Питер** 28 ноя 2017, 10:00 Сообщение

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

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

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

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

CabinetAdmin · **CabinetAdmin** 28 ноя 2017, 15:23 Сообщение

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

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

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

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

Питер · **Питер** 28 ноя 2017, 15:35 Сообщение

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

CabinetAdmin · **CabinetAdmin** 28 ноя 2017, 18:35 Сообщение

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

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 · **CabinetAdmin** 29 ноя 2017, 16:36 Сообщение

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