[Поиск] Сворачивание миниатюр

07-30-2009, 02:17 PM

Мне нужно сделать так, чтобы в сообщении внизу, когда отображаются миниатюры, они были свернуты по дефолту и открывались при нажатии, типа спойлера.

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

аська 300316217

07-30-2009, 04:47 PM

Пжалуста!

За основу взял BB-Code "Оффтоп"

Ищем в шаблонах (postbit):

Code:

<!-- attachments -->

Ниже этой строки вставляем:

Code:

<span><a href="#" title="для просмотра текста оффтопа - жми сюда" onclick="
obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; 
obj.display=tmp; 
return false;">Вложения</a><div class="subblock" style="display: none">

Листаем шаблон дальше до:

Code:

<!-- / attachments -->

И перед этой строкой вставляем код:

Code:

</div></span>

07-30-2009, 05:22 PM

не произошло ничего)
на всякий случай вот скрин того места, которое мне нужно свернуть:

07-30-2009, 05:37 PM

Не в postbit, а в postbit_legacy.

07-30-2009, 06:12 PM

Ещо вариант:

В шаблоне postbit_legacy ищем

Code:

<!-- attachments -->

Ниже добавить:

Code:

<script>
function spoiler_js(obj) {
var obj_content = obj.parentNode.parentNode.getElementsByTagName('div')[1];
var obj_text_show = obj.getElementsByTagName('span')[1];
var obj_text_hide = obj.getElementsByTagName('span')[0];

if (obj_content.style.display != '') {
  obj_content.style.display = '';
  obj_text_show.style.display = '';
  obj_text_hide.style.display = 'none';
} else {
  obj_content.style.display = 'none';
  obj_text_show.style.display = 'none';
  obj_text_hide.style.display = '';
}
return false;
}
</script>
<div style="margin: 20px; margin-top:5px;"><div class="smallfont" style="margin-bottom:2px"><a href="#" onclick="return spoiler_js(this);"><span><b><img border="0" src="images/misc/icon_plus.gif" width="10" height="11"> Показать миниатюру</b></span>
<span style="display:none"><b><img border="0" src="images/misc/icon_minus.gif" width="10" height="11"> Скрыть миниатюру</b></span></a></div><div style="margin: 0px; padding: 6px; display: none;">

Перед

Code:

<!-- / attachments -->

добавить

Code:

</div>
</div>

иконки заливаем в /images/misc/

07-30-2009, 06:36 PM

Quote:

Originally Posted by Azeroth

Не в postbit, а в postbit_legacy.

Ну если уж на то пошло то в обоих шаблонах ...
И даже не спрашивайте как сделать аватары сбоку а не сверху

07-31-2009, 12:08 AM

у-у-у... придумывание велосипеда,
тогда уже лучше через jquery делать - красивее будет, но в большинстве случаев лучше делать через стандартный функционал.

в шаблонах postbit, postbit_legacy и postbit_first (если установлен хак изменения вида первого сообщения)
Ищем

Code:

					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">

заменяем на

Code:

					<legend><a href="#" onclick="return toggle_collapse('postbit_thumbs$post[postcount]')"><img class="inlineimg" id="collapseimg_postbit_thumbs$post[postcount]" src="$stylevar[imgdir_button]/collapse_alt_collapsed.gif" alt="+/-" border="0" /></a> <a href="#" onclick="return toggle_collapse('postbit_thumbs$post[postcount]')">$vbphrase[attached_thumbnails]</a></legend>
					<div id="collapseobj_postbit_thumbs$post[postcount]" style="padding:$stylevar[formspacer]px; display:none;">