Небольшая модификация позволяющая скрывать и раскрывать информацию о пользователе под аватаром.
Как работает эта модификация можно посмотреть на нашем форуме кликнув на "Доп. информация" в профиле пользователя напротив сообщения.
Модификация для prosilver и его клонов.
Открываем шаблон
overall_header.html
, находим:
перед найденным добавляем:
Код: Выделить всё
function doCollapseExpand(id,img){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.images[img].src='/images/dopinfo_up.gif';
} else {
b.style.display='none';
document.images[img].src='/images/dopinfo_down.gif';
} return false; }
/images/dopinfo_up.gif
- изображение вверх, закрыть пункты профиля.
/images/dopinfo_down.gif
- изображение вниз, открыть пункты профиля.
Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
viewtopic_body.html
, находим:
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Перед найденным вставляем:
Код: Выделить всё
<dd>
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
<img src="/images/dopinfo_down.gif" height="20" width="150" name="btn{postrow.POST_ID}" alt="" /></a>
<!-- ENDIF -->
</dd>
<dl id="box{postrow.POST_ID}" style="display: none; margin-top: 5px; margin-bottom: 5px;">
/images/dopinfo_down.gif
- меняем ссылку на своё изображение вниз. Если изображение других размеров, не забудьте изменить значения на свои.
Ниже находим:
Перед найденным вставляем:
Модификация для subsilver2 и его клонов.
Открываем шаблон
overall_header.html
, находим:
перед найденным добавляем:
Код: Выделить всё
function doCollapseExpand(id,img){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.images[img].src='/images/dopinfo_up.gif';
} else {
b.style.display='none';
document.images[img].src='/images/dopinfo_down.gif';
} return false; }
/images/dopinfo_up.gif
- изображение вверх, закрыть пункты профиля.
/images/dopinfo_down.gif
- изображение вниз, открыть пункты профиля.
Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
viewtopic_body.html
, находим:
меняем на:
Код: Выделить всё
<span class="postdetails">
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
<img src="/images/dopinfo_down.gif" height="20" width="150" name="btn{postrow.POST_ID}" alt="" /></a>
<!-- ENDIF -->
</span>
<span id="box{postrow.POST_ID}" class="postdetails" style="display: none;">
/images/dopinfo_down.gif
- меняем ссылку на своё изображение вниз. Если изображение других размеров, не забудьте изменить значения на свои.
Изображения
- Спрятать информацию о пользователе под кнопку - dopinfo_down.gif (1.38 КБ) 8755 просмотров
- Спрятать информацию о пользователе под кнопку - dopinfo_up.gif (1.38 КБ) 8755 просмотров
Вариант без использования изображений, надписи - развернуть и свернуть.
Для обоих стилей скрипт будет следующим:
Код: Выделить всё
function doCollapseExpand(id){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.getElementById('btn').innerHTML = '{L_COLLAPSE_VIEW}';
} else {
b.style.display='none';
document.getElementById('btn').innerHTML = '{L_EXPAND_VIEW}';
} return false; }
Для prosilver, в шаблоне
viewtopic_body.html
, находим:
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Перед найденным вставляем:
Код: Выделить всё
<dd>
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}')"><b id="btn">{L_EXPAND_VIEW}</b></a>
<!-- ENDIF -->
</dd>
<dl id="box{postrow.POST_ID}" style="display: none; margin-top: 5px; margin-bottom: 5px;">
Ниже находим:
Перед найденным вставляем:
Для subsilver2 в шаблоне
viewtopic_body.html
:
меняем на:
Код: Выделить всё
<span class="postdetails">
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}')"><b id="btn">{L_EXPAND_VIEW}</b></a>
<!-- ENDIF -->
</span>
<span id="box{postrow.POST_ID}" class="postdetails" style="display: none;">
Пользуемся.