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

Кнопка развернуть/свернуть пункты мини-профиля

СообщениеДобавлено: 15 авг 2012, 21:58
elhouse
Данный мод скрывает и раскрывает пункты меню в мини-профиле, как у нас на форуме.

Первый вариант, установлен на нашем форуме:

Как это cделать:

Скопировать в папку "images" 2 следующих изображения:
свернуть пункты мини-профиля - dopinfo_up
(1.38 КБ) Просмотров: 933

свернуть пункты мини-профиля - dopinfo_down
(1.38 КБ) Просмотров: 933


Откройте файл "styles/prosilver/template/overall_header.html"
Найти:
Код: Выделить всё
// ]]>
</script>


Перед добавить:
Код: Выделить всё
function doCollapseExpand(id,img){
   var b = document.getElementById(id);
      if (b.style.display=='none'){
      b.style.display='';
   document.images[img].src='{ROOT_PATH}images/dopinfo_up.gif';
} else {
      b.style.display='none';
   document.images[img].src='{ROOT_PATH}images/dopinfo_down.gif';
} return false; }


Откройте файл "styles/prosilver/template/viewtopic_body.html"
Найти:
Код: Выделить всё
<dd>&nbsp;</dd>


Заменить на:
Код: Выделить всё
      <dd style="padding: 3px 0px 0px 0px">
            <a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
            <img src="{ROOT_PATH}images/dopinfo_down.gif" title="Дополнительная информация" height="20" width="140" name="btn{postrow.POST_ID}" /></a>
         </dd>   
           <dl id="box{postrow.POST_ID}" style="display:none;">


Найти:
Код: Выделить всё
<!-- END custom_fields -->


После добавить:
Код: Выделить всё
</dl>




Второй вариант от -=XaKeP=- http://www.phpbbguru.net/community/topic29335.html (может глючить)

Скопировать в папку "images" 2 следующих изображения:
свернуть пункты мини-профиля - dopinfo_up
(1.09 КБ) Просмотров: 909

свернуть пункты мини-профиля - dopinfo_down
(1.1 КБ) Просмотров: 909


Скопировать файл "jQuery.js" в папку "styles/prosilver/template".
jQuery.rar
(28.43 КБ) Скачиваний: 30


Откройте файл "styles/prosilver/template/overall_header.html"
Найти:
Код: Выделить всё
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


После добавить:
Код: Выделить всё
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jQuery.js"></script>


Откройте файл "styles/prosilver/template/viewtopic_body.html"
Найти:
Код: Выделить всё
<!-- INCLUDE overall_header.html -->


После добавить:
Код: Выделить всё
<script language="javascript">
    $(document).ready(function(){
        $('img').click(function(e){
            //e - объект event
            var img = $(e.target);
            var div = img.parent().next('div#first');
         if(div.length > 0) {
            if (div.css('display') == 'none'){
               div.show('slow', function(){
                 img.attr('src', 'images/dopinfo_up.gif');
               });
            }
            else{
               div.hide('slow', function(){
                 img.attr('src', 'images/dopinfo_down.gif');
               });
            }
         }
        });
    });
</script>


Найти:
Код: Выделить всё
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

      <dd>&nbsp;</dd>


После добавить:
Код: Выделить всё
<dd><img src="images/dopinfo_down.gif" id="toggleimg" /></dd>
<div id="first" style="display: none;">


Найти:
Код: Выделить всё
<!-- END custom_fields -->


После добавить:
Код: Выделить всё
</div>


Обновите шаблон в админке и почистите кэш.