Вопрос про BB-код img

[Leo Angel]

Подскажите, плиз, где искать BB-код img. Нужно кое-что подправить. Заранее спасибо!

[Siava]

Например тут: styles/prosilver/template/bbcode.html

[Leo Angel]

ОК. Пойдём другим путём!
Нужно, чтобы после вставки в поле сообщения картинки [img]... [/img] это выражение обрамлялось пустой строкой сверху и снизу.
Ну, чтобы картинки не "прилипали" одна к другой.
Можно такое сделать?

[Татьяна5]

Это через css делается
display: block;, отступы, и так далее

[Leo Angel]

Сделал! Спасибо, Татьяна5
Как-то забыл, что так можно (нужно)!
Всё оказалось значительно проще.

[Leo Angel]

Сделать-то сделал, но что-то непонятное проявилось.
Если картинки горизонтальные, то между ними в сообщении вставляются отступы, которые прописал, а если картинки вертикальные, то нет.
Это как? Это почему?

[Татьяна5]

Leo Angel, неизвестно, т.к. непонятно что было сделано. Живого примера тоже нет

[Leo Angel]

Начну сначала. При вставке нескольких изображений в сообщение (использую не вложения, а Chevereto) коды [img]...[/img] идут один под другим и визуально не разделяются. Хотелось, чтобы между ними были "разрывы" (пустые строки, etc.), чтобы визуально изображения были разделены.
Сделал так.
В файле content.css в .postbody img.postimage добавил

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

margin: 10px 0;

Всё стало нормально.
Вот пример -

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

https://leoangel.info/viewtopic.php?p=317#p317

Но так в случае, если изображения горизонтальные.

А если изображения вертикальные, то всё равно картинки склеиваются.
Вот пример -

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

https://leoangel.info/viewtopic.php?p=509#p509

Не пойму почему так, и не знаю как сделать, чтобы и вертикальные картинки не склеивались.

[Татьяна5]

margin

Если не особо заморачиваясь - заменить на padding. Не очень "красиво", но работает

[Leo Angel]

Да, работает!
Татьяна5, спасибо!

[Leo Angel]

Возвращаюсь к этой теме.
Вдруг... обнаружилось, что пользователи вставляют картинки ([img].......[/img]) впритык предыдущему слову.
Получается неудобочитаемая каша.
Как можно (опять же через стили) сделать так, чтобы в принудительном порядке перед [img] (после последнего перед картинкой слова) был перенос строки?
Что-то я уже не соображаю, день на работе был тяжёлым.
Пробовал через

display: block;

не работает...
Нужны ещё идеи.

[Leo Angel]

Всё! Проблема решена.
Правку нужно было вносить в ext от Татьяна5 imgsliders.

Скрытый текст

...я уже не соображаю, день на работе был тяжёлым...

Сегодня день был полегче! Решение пришло как-то само собой!