Информация от спонсоров

 

Полезная информация


----

Начать новую тему Ответить на тему

Был ли полезен для вас данный анонс ??
Да, давно искал
Нет, не нуждаюсь в этом
Вы можете выбрать 1 вариант.

Результаты голосования
АвторСообщение

 Сообщение Вложения-картинки в одну линию 
#1 

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

Всем доброго времени суток :-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:


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!

Теги темы
Вложения-картинки в одну линию phpbb3, Тема о том, как сделать так, чтобы вложения-картинки располагались горизонтально в сообщении
          Вернуться наверх  
 

#2 

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

DeaDRoMeO писал(а):

Кстати судя по коду, такое же решение можно спокойно применить и для сабсильвера

Методом слепого тыка (как обычно )))) попробовала установить на сабсильвер. Там немножко другие коды, но по смылу места в шести файлах нашлись. Седьмого, content.css там вообще нету и в stylesheet.css нет похожего места. Где-то ближе к концу в stylesheet.css я прилепила нужный кусочек. и получился вот такой
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку

Ну, ладно вам... не смейтесь ))), ну, чайник я )))

а в общем итоге получилось вот что, если интересно:
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


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

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

:smu:sche_nie:


          Вернуться наверх  
 

#3 

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

Завтра днем чтонибудь сообразим)


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#4 

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

Отвечу в воскресенье, дела срочные


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#5 

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

DeaDRoMeO писал(а):

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

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


          Вернуться наверх  
 

#6 

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

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


          Вернуться наверх  
 

#7 

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

Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#8 

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

DeaDRoMeO писал(а):

Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк

Я так понимаю, что этот ответ и на мой вопрос тоже....))

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


          Вернуться наверх  
 

#9 

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

По идее так)


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

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


          Вернуться наверх  
 


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

Видимо да, вставлять надо с помощью кнопки и без переноса строк


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

Сереж, а ты сейчас ко мне обращаешься? "видимо да" - это про что?
Ты сам говоришь, что админам хочется, чтобы фотографии выстраивались в горизонтальный ряд. Так оно и есть, потому что, когда фоток много, то пост получается длиннючий, если они все по одной на строчке. Но по моей ссылке, когда я попробовала вставить твои коды в сабсильвер, как раз получилось наоборот. Если вставлять при помощи кнопок, то они выстраиваются как раз наоборот - в вертикаль.
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку

Не веришь, можешь зайти в посты под admin/1234567
Хотя мой форум, который делал ты, тоже на сабсильвере, и там ты сделал именно так, как говоришь - нажимаешь кнопочку "Вставить в текст сообщения" без переноса строки и все выстраиваются в рядочек по горизонтали. Нажал перенос строки - пошел второй ряд.

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


          Вернуться наверх  
 


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

Будет свободное время - поищу решения, просто вам я ставил по другой инструкции выстраивание в ряд


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

Так я и обращалась к тому,
Цитата:
...У кого есть время и настроение...

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


          Вернуться наверх  
 


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

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


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

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


          Вернуться наверх  
 


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

Скрытый текст. Нужно быть Зарегистрированным и иметь 10 сообщений(я)(е).

Если все же не справитесь - пишите в личку доступы к ФТП, попробуем решить проблемы


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

Армия... :cry_ing:


          Вернуться наверх  
 


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

Всего лишь год отслужить, не заметите как я вернусь


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


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

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

Вертикаль:






Все просто - первый случай картинка за картинкой распологаются, а во втором - картинка следующая переносом строки "ентер"



Информация о редактировании
Последний раз редактировалось brigadir 23 окт 2013, 01:32, всего редактировалось 1 раз.
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P