Открываем файл styles/prosilver/theme/content.css, ищем там код:
Код: Выделить всё
div.inline-attachment p {
Добавляем ПЕРЕД ним:
Код: Выделить всё
div.inline-attachment, dl.thumbnail dt, dl.file dt.attach-image {
display: inline-block;
}
Теперь нужно отредактировать шаблон attachment.html, находящийся в папке styles/prosilver/template
Найти:
Код: Выделить всё
<dl class="thumbnail">
Заменить на:
Код: Выделить всё
<dl class="thumbnail"<!-- IF not _file.COMMENT --> style="display: inline-block;"<!-- ENDIF -->>
Найти:
Код: Выделить всё
<!-- IF _file.S_IMAGE -->
<dl class="file">
Заменить на:
Код: Выделить всё
<!-- IF _file.S_IMAGE -->
<dl class="file"<!-- IF not _file.COMMENT --> style="display: inline-block;"<!-- ENDIF -->>
Также нужно будет убрать дополнительную информацию у обычных картинок (не миниатюр) в стиле prosilver, чтобы она не искажала новое оформление. Для этого в шаблоне attachment.html нужно удалить строчку:
Код: Выделить всё
<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
У миниатюр в стиле prosilver дополнительной информации нет по умолчанию, потому что она находится в атрибуте title тега img и показывается только при наведении мыши. При желании эту информацию можно добавить в title и обычным картинкам, раз уж убрали её из текста.
Обновляем шаблоны и тему для prosilver, и очищаем кеш браузера, если не виден результат.
Вот, собственно, и всё. Просто и со вкусом. Все вставленные в текст картинки будут идти друг за другом горизонтально, если только вы не захотите сделать перенос между ними вручную.
Делать картинку в ряд, когда к ней есть комментарий, по-моему, не имеет смысла, потому что если картинка маленькая или узкая, то комментарию, особенно длинному, будет негде поместиться. Он либо съёжится по горизонтали до такой степени, что блок с картинкой растянется в высоту, и это будет выглядеть некрасиво, либо заедет на стоящие рядом вложения.
Инструкцию для стиля subsilver2 я приложил в виде текстового файла в архиве: