Hello - Vitebsk

Неформальная поддержка форумов phpBB
https://hello-vitebsk.ru/

Вложения-картинки в одну линию

https://hello-vitebsk.ru/viewtopic.php?f=150&t=2014

Страница 1 из 3

Вложения-картинки в одну линию

Добавлено: 26 июн 2013, 12:36
DeaDRoMeO
Всем доброго времени суток :-00): Как показал личный опыт достаточно большое количество админов усердно ищут способ расположения вложений-картинок в горизонтальной плоскости, тобишь в одну линию. На днях я нашел таки способ, коим спешу поделиться. Но к сожалению данный способ подходит только для стилей на основе просильвера, на сабсильвер может коллективным разумом придумаем.

Собственно начинаем правки, их особо не много, 7 файлов для редактирования. Открываем шаблон styles/prosilver/template/viewtopic_body.html и находим

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

<dl class="attachbox">
					<dt>{L_ATTACHMENTS}</dt>
					<!-- BEGIN attachment -->
						<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
					<!-- END attachment -->
				</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
				<!-- BEGIN attachment -->
				{postrow.attachment.DISPLAY_ATTACHMENT}
				<!-- END attachment -->
Открываем styles/prosilver/template/posting_preview.html и находим

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

<dl class="attachbox">
			<dt>{L_ATTACHMENTS}</dt>
			<!-- BEGIN attachment -->
			<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
			<!-- END attachment -->
		</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
		<!-- BEGIN attachment -->
		{attachment.DISPLAY_ATTACHMENT}
		<!-- END attachment -->
Открываем styles/prosilver/template/posting_review.html и находим

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

<dl class="attachbox">
				<dt>{L_ATTACHMENTS}</dt>
				<!-- BEGIN attachment -->
					<dd>{post_review_row.attachment.DISPLAY_ATTACHMENT}</dd>
				<!-- END attachment -->
			</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
			<!-- BEGIN attachment -->
			{post_review_row.attachment.DISPLAY_ATTACHMENT}
			<!-- END attachment -->
Открываем styles/prosilver/template/mcp_post.html и находим

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

<dl class="attachbox">
				<dt>{L_ATTACHMENTS}</dt>
				<!-- BEGIN attachment -->
					<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
				<!-- END attachment -->
			</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
			<!-- BEGIN attachment -->
			{attachment.DISPLAY_ATTACHMENT}
			<!-- END attachment -->
Открываем styles/prosilver/template/attachment.html и находим

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

<!-- 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>
		<!-- ENDIF -->


		<!-- IF _file.S_IMAGE -->
		<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->

		<!-- IF _file.S_FILE -->
		<dl class="file">
			<dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->
Заменяем найденное на

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

<!-- IF _file.S_THUMBNAIL -->
		<div class="thumbnail">
			<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>
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
		</div>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
		<div class="file">
			<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" />
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
			<br />{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
		</div>
		<!-- ENDIF -->

		<!-- IF _file.S_FILE -->
		<div class="file">
			<!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a>
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
			<br />({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
		</div>
		<!-- ENDIF -->
Открываем styles/prosilver/template/bbcode.html и находим

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

<!-- BEGIN inline_attachment_open --><div class="inline-attachment"><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></div><!-- END inline_attachment_close -->
Заменяем найденное на

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

<!-- BEGIN inline_attachment_open --><table><tr><td><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></td></tr></table><!-- END inline_attachment_close -->
Открываем styles/prosilver/theme/content.css и находим

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

/* Inline image thumbnails */
Вставляем перед найденным

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

/* Horizontal attachments */
div.thumbnail {
	float: left;
	padding: 4px 4px 2px;
	text-align: center;
	margin: 4px 4px 4px 0;
}
div.thumbnail img {
	padding: 2px;
	background-color: #C79360;
	border: 2px solid #9A5614;
}
div.file {
	float: left;
	padding: 4px 4px 2px;
	background-color: #cadceb;
	border: 1px solid #A5C1D8;
	margin: 4px 4px 4px 0;
}
Чистим всевозможные кеши и вуаля. Кстати судя по коду, такое же решение можно спокойно применить и для сабсильвера. Успехов :bra_vo:

Вложения-картинки в одну линию

Добавлено: 19 окт 2013, 01:11
rozovodik
DeaDRoMeO писал(а):Кстати судя по коду, такое же решение можно спокойно применить и для сабсильвера
Методом слепого тыка (как обычно )))) попробовала установить на сабсильвер. Там немножко другие коды, но по смылу места в шести файлах нашлись. Седьмого, content.css там вообще нету и в stylesheet.css нет похожего места. Где-то ближе к концу в stylesheet.css я прилепила нужный кусочек. и получился вот такой
http://dfiles.ru/files/rrduu73e7
Ну, ладно вам... не смейтесь ))), ну, чайник я )))

а в общем итоге получилось вот что, если интересно: http://milko-posad.ru/viewtopic.php?f=2 ... fce2667ef9

В первом посте фото, вставленные кучей, как вложения. Во втором - вставленные в текст сообщения при помощи тега attachment. Слово "Вложения" удалила сама из русского языка.
По большому счету очень мне понравился внешний вид.

У кого есть время и настроение, посоветуйте, пожалуйста, что бы еще изменить, чтобы
- убралась лесенка в первом ряду в первом посте. чайники плохо понимают, откуда она появляется;
- и это самое важное для меня! чтобы при вставке в текст при помощи тегов, изображения тоже выстраивались в строчку, а не в столбик, как сейчас;
- так красиво получился "комментарий к файлу" под картинкой. а зачем два раза? можно ли убрать вверху вместе с этими ужасными черными словами "Комментарий к файлу:", чтобы остался только внизу аккуратненько посерединке;
- ну, и уж как совсем пижонство, можно ли чтобы длинный комментарий переносился построчно по ширине картинки, а не разъезжался одной строкой как на последней картинке?

:smu:sche_nie:

Вложения-картинки в одну линию

Добавлено: 19 окт 2013, 02:02
DeaDRoMeO
Завтра днем чтонибудь сообразим)

Вложения-картинки в одну линию

Добавлено: 19 окт 2013, 14:04
DeaDRoMeO
Отвечу в воскресенье, дела срочные

Вложения-картинки в одну линию

Добавлено: 19 окт 2013, 20:30
mixail
DeaDRoMeO писал(а):способ расположения вложений-картинок в горизонтальной плоскости, тобишь в одну линию.
А если все установишь и заменишь, как вы описали, это все распространяется только когда захочешь расположить картинки по плоскости или обратного нету и все картинки будут располагаться только по плоскости, или это все за счет bb-кода какого нибудь устанавливается когда это нужно...))

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 09:48
Alexander
А какой синтаксис BB-кодов в посте нужно применять, чтоб картинки располагались горизонтально? Какой, чтоб вертикально?

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 10:01
DeaDRoMeO
Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 15:47
mixail
DeaDRoMeO писал(а):Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк
Я так понимаю, что этот ответ и на мой вопрос тоже....))

То есть когда захочешь расположить картинки по плоскости, то это можно сделать с помощью bb-кода..., а в других случаях картинки будут располагаться как всегда не в горизонтальной плоскости...))

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 17:12
DeaDRoMeO
По идее так)

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 17:18
rozovodik
Хм... а по моей ссылке получилось как раз наоборот. В первом посте не использована кнопка вставить в текст сообщения, а втором использована. :sh_ok: Т.е. все с ног на голову?

Вложения-картинки в одну линию

Добавлено: 21 окт 2013, 23:27
DeaDRoMeO
Видимо да, вставлять надо с помощью кнопки и без переноса строк

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 12:38
rozovodik
Сереж, а ты сейчас ко мне обращаешься? "видимо да" - это про что?
Ты сам говоришь, что админам хочется, чтобы фотографии выстраивались в горизонтальный ряд. Так оно и есть, потому что, когда фоток много, то пост получается длиннючий, если они все по одной на строчке. Но по моей ссылке, когда я попробовала вставить твои коды в сабсильвер, как раз получилось наоборот. Если вставлять при помощи кнопок, то они выстраиваются как раз наоборот - в вертикаль.
http://milko-posad.ru/viewtopic.php?f=2 ... 449ea21ea7
Не веришь, можешь зайти в посты под admin/1234567
Хотя мой форум, который делал ты, тоже на сабсильвере, и там ты сделал именно так, как говоришь - нажимаешь кнопочку "Вставить в текст сообщения" без переноса строки и все выстраиваются в рядочек по горизонтали. Нажал перенос строки - пошел второй ряд.

Сейчас же у меня так выстраиваются фотки в первом посте, где просто загрузка 8 фото без всяких кнопок. Оно, конечно, красиво, хоть и криво почему-то первый ряд, но ведь такая вставка фото отображается только в конце поста после текста. А это-то как раз и неудобно. Хочется, чтобы в любое место можно было...

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 13:35
DeaDRoMeO
Будет свободное время - поищу решения, просто вам я ставил по другой инструкции выстраивание в ряд

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 13:45
rozovodik
Так я и обращалась к тому,
...У кого есть время и настроение...
Искренне рада, что у тебя много работы, о чем прочитала в другой теме. Это ж хорошо! :co_ol:
Я бы и не сунулась, если тобой же не было написано
...на сабсильвер может коллективным разумом придумаем...
Но, ежели нет желающих покопаться, так на нет и суда нет. :smu:sche_nie:

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 13:53
DeaDRoMeO
Да дело тут больше не в работе, а в предстоящих событиях, если у вас есть время откатите правки из этой темы и примените эти - http://www.phpbbguru.net/community/topic19395.html - в первом посте есть мод, там инструкция и для сабсильвера есть

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 14:06
rozovodik
СпасибО! хоть я уже гуров перелопатила, я ж говорю, что от них всегда к тебе возвращаюсь ))) Но, все равно спасибо. Покопаюсь еще раз. Вроде это другая тема.
(задумалась о событиях, и мечтаю, чтобы это было то, о чем я думаю :ro_za: )

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 14:10
DeaDRoMeO
[hide=10]Армия :-0=)[/hide]
Если все же не справитесь - пишите в личку доступы к ФТП, попробуем решить проблемы

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 16:11
rozovodik
Армия... :cry_ing:

Вложения-картинки в одну линию

Добавлено: 22 окт 2013, 17:00
DeaDRoMeO
Всего лишь год отслужить, не заметите как я вернусь

Вложения-картинки в одну линию

Добавлено: 23 окт 2013, 00:16
brigadir
Если я понимаю речь идёт только о вложениях в сообщения картинок, то на мой взгляд это неоправданно с точки экономии мест на сервере форума. Лучше по моему пользовать сервисами по загрузки картинок - фастпик, радикал.. их куча в интернете, ни для кого не секрет. И что касается картинок в ряд, она работает если установлена модификация "спойлер"
Как видите из примера они тут прекрасно уживаются в ряд. И если не ошибаюсь, то тут скрипт "спойлера" работает и так
Горизонт:

Вертикаль:






Все просто - первый случай картинка за картинкой распологаются, а во втором - картинка следующая переносом строки "ентер"
Часовой пояс: UTC+02:00
Страница 1 из 3

Создано на основе phpBB® Forum Software © phpBB Limited

Русская поддержка phpBB