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

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
CabinetAdmin

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

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

Bukovka_
Если ничего не вставлено, ничего и не выводится:) Код может отказаться работать только от вложенных в него ббкодов, имеющих в своей структуре <div>'ы.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Bukovka_

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

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

CabinetAdmin

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


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

Аватара пользователя
CabinetAdmin

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

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

Наверно кеш виноват, браузерный.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

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

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

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

Аватара пользователя
CabinetAdmin

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

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

Центрировать можно с помощью стилей, а не ещё одного ббкода, добавить text-align: center; в .tabs_block .tabs_cont {.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

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

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

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

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

Аватара пользователя
CabinetAdmin

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

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;, то, по понятным причинам, обрежет всплывающие подсказки.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

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

Питер 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 и все.

Питер

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

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

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

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

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

Аватара пользователя
CabinetAdmin

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

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

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

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

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

Если что, то можно указать точную ширину для колонки с картинкой.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

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

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

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

Аватара пользователя
CabinetAdmin

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

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]


Если всё получается и устраивает, то можно заниматься стилями. Но уже в той теме.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 29 ноя 2017, 16:36 Сообщение

Сообщения отправлены в ББ код Таблица
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

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

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