Как сделать спойлер в postbit'е (под аватаркой)

F

Fly1

#1
Хотелось бы сделать точно такой же спойлер как у вас, не подскажете...:sorry: ?
 
Н

Ночная странница

#2
Про спойлер в постбите:

Есть хак, но Veter писал, что делал это с помощью правки шаблонов. Надеюсь, что появится - расскажет.
 
W

Wmboard

#3
Тема в закладках. Расскажу.

Добавлено через 1 час 14 минут
Как скрыть дополнительную инфу в постбите?

Решение "как здесь" взято из идеи Керка с vbsupport.
При изменении шаблона, дополнительная инфа под аватаркой будет скрыта. При нажатии на collapse_thead будет раскрываться. Здесь немного доработано под себя, но вот ниже общая суть.

Шаблон postbit_legacy ищем:

Код:
 <if condition="$show['avatar']"> <div class="smallfont">  <br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a> </div> </if>

Добавляем ниже:

Код:
<div style="padding:2px 0px 2px 0px;"></div>
<table class="tborder" cellspacing="1" border="0" width="100%">
<tbody> <tr> <td class="thead" colspan="2"><a style="float:$stylevar[right]" href="#" onclick="return toggle_collapse('userinfo$post[postid]')"><img id="collapseimg_userinfo$post[postid]" src="$stylevar[imgdir_button]/collapse_theads{$collapseimg_userinfo}.gif" alt="Дополнительная информация" border="0" /></a> </td> </tr>
</tbody>
<tbody id="collapseobj_userinfo$post[postid]" style="display:none;"> <tr> <td class="alt2">

Находим:

Код:
 <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon]</div> </div>

Добавляем ниже:

Код:
 </td> </tr> </tbody> </table>

Все.
Если не устроит отображение, то поиграйтесь с кодом.
 
P

Pavlik Ivanov

#4
Информация под авой

Как сделать так что бы с самого начала информация (сколько написано сообщений, репутация и т.п.) под аватаркой была скрыта, а при нажатии открывалась? - В общем как тут... :)
 
P

Pavlik Ivanov

#6
Сделал так как сказано тут, но у Меня появилась таблица, хотел бы от нее избавиться, сделать как тут - просто кнопка открытия информации...
 
S

Sayf

#7
Само проще убрать class и Дополнительная информация.
Примерно вот так

Код:
<div style="padding:5px 0px 2px 0px;"></div>
<table cellspacing="2" border="0" width="100%">
<tbody> <tr> <td colspan="2"><a style="float:$stylevar[left]" href="#" onclick="return toggle_collapse('userinfo$post[postid]')"><img id="collapseimg_userinfo$post[postid]" src="$stylevar[imgdir_button]/collapse_thead{$collapseimg_userinfo}.gif" alt="развернуть, свернуть" border="0" /></a>
<font class="smallfont"><b></b></font> </td> </tr>
</tbody>
<tbody id="collapseobj_userinfo$post[postid]" style="display:none;"> <tr> <td class="">
 
Д

джинася

#8
Как сделать,чтобы репутация была над скрытой областью?
 
S

Sayf

#9
Как сделать,чтобы репутация была над скрытой областью?

Вынести код репутации выше этого
Код:
<div style="padding:2px 0px 2px 0px;"></div>
<table class="tborder" cellspacing="1" border="0" width="100%">
<tbody> <tr> <td class="thead" colspan="2"><a style="float:$stylevar[right]" href="#" onclick="return toggle_collapse('userinfo$post[postid]')"><img id="collapseimg_userinfo$post[postid]" src="$stylevar[imgdir_button]/collapse_theads{$collapseimg_userinfo}.gif" alt="Дополнительная информация" border="0" /></a> </td> </tr>
</tbody>
<tbody id="collapseobj_userinfo$post[postid]" style="display:none;"> <tr> <td class="alt2">

если репа стандартная то вот этот код
Код:
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
 
Д

джинася

#10
Sayf, Спасибо! Все получилось! :victory:
 
P

promille

#11
Маленькая поправочка... используя выложенный код (а так же кривовато сделано и на этом форуме) при первых двух нажатиях на "стрелочку" она не подвижна, а меняется лишь после полного открытия/закрытия постбита.
Внеся изменение всего в одно слово мы получим эстетичный вид скрытия и открытия.
collapse_thead_collapsed ... в папке images/buttons вашего стиля должны лежать два файлика collapse_thead_collapsed.gif и collapse_thead.gif
при использовании своих картинок _thead_ заменить на собственное имя.

Код:
<div style="padding:5px 0px 2px 0px;"></div>
<table cellspacing="2" border="0" width="100%">
<tbody> <tr> <td colspan="2"><a style="float:$stylevar[left]" href="#" onclick="return toggle_collapse('userinfo$post[postid]')"><img id="collapseimg_userinfo$post[postid]" src="$stylevar[imgdir_button]/collapse_thead[COLOR="Red"]_collapsed[/COLOR]{$collapseimg_userinfo}.gif" alt="Дополнительная информация" border="0" /></a>
<font class="smallfont"><b></b></font> </td> </tr>
</tbody>
<tbody id="collapseobj_userinfo$post[postid]" style="display:none;"> <tr> <td class="">
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread