Вид миниатюр по горизонтали

[farell]

Очень долго искал ответ на этот вопрос, но так и не нашёл! Есть ли простой способ сделать так, что бы вложенные миниатюры выстраивались по горизонтали? По умолчанию они строятся в столбик, ужасно неудобно. Особенно когда их много.

[МайскийЖук]

Открыть /styles/название_стиля/template/attachment.html. Найти:

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

<p>[{_file.DENIED_MESSAGE}]</p>
<!-- ELSE -->

После этих строк удалить строки:

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

<!-- IF _file.S_THUMBNAIL -->
		<dl class="thumbnail">
			<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
			<!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
		</dl>

И вместо них вставить следующие:

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

<!-- IF _file.S_THUMBNAIL -->
		<table class="thumbnail" style="display:inline">
			<tr><td><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></td></tr>
			<!-- IF _file.COMMENT --><tr><td> {_file.COMMENT}</td></tr><!-- ENDIF -->
		</table>

Открыть /styles/название_стиля/template/viewtopic.body.html. Найти:

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

<!-- IF postrow.S_HAS_ATTACHMENTS -->
 				<dl class="attachbox" style="width: 97%;">

После этих строк удалить строку:

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

<dt>{L_ATTACHMENTS}</dt>

И вместо нее вставить:

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

<dt>{L_ATTACHMENTS}</dt><p />

Найти:

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

<!-- BEGIN attachment -->

После этой строки удалить строку:

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

<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>

И вместо нее вставить:

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

<dd style="display:inline;margin:0">{postrow.attachment.DISPLAY_ATTACHMENT}</dd>

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

Внимание! Работоспособность совершенно не гарантируется, поэтому не забывайте делать резервную копию файлов своего форума перед тем, как вносить изменения.

[Slash]

Так: Проблема с прикрепленными изображениями.

[farell]

Всё отлично работает? Именно так как мне нужно. Миниатюры по горизонтали, а ссылки по вертикали.
Смущает только белый фон в рамке! Как его убрать? Ковырял content.css не получается.

[МайскийЖук]

По какой из двух вышеприведенных инструкций заработало-то? Уточните.

По поводу белого фона. Откройте файл /styles/название_стиля/theme/colours.css и найдите там следующее:

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

.attachbox {
    background-color: #FFFFFF;
    border-color:  #C9D2D8;
}

В этом блоке за белый цвет отвечает шестнадцатиричный код #FFFFFF. Меняйте его на какой вам нужно.

Предполагаю сразу, что вы хотите слить картинки с фоном поста. Наверняка потом спросите, как точки убрать. Поэтому заранее сообщаю: откройте файл /styles/название_стиля/theme/content.css и найдите там следующее:

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

    .attachbox {
        float: left;
        width: auto; 
        margin: 5px 5px 5px 0;
        padding: 6px;
        background-color: #FFFFFF;
        border: 1px dashed #d8d8d8;
        clear: left;
    }

В этом коде удалите строчку:

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

        border: 1px dashed #d8d8d8;

Не забывайте обновлять темы в администраторской панели управления и очищать браузерный кэш.

[farell]

По какой из двух вышеприведенных инструкций заработало-то? Уточните.

По вашему совету всё и заработало! А вот фон не меняется.

[МайскийЖук]

Точно не меняется? Тему и кэш не забыли обновить в администраторской панели?

[farell]

Да постоянно обновляю. Но не меняется, хоть тресни!

[Thoral]

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