Сворачивание категорий

[guru3000]

ОПИСАНИЕ: Очень удобная фишка. Свертывание категорий - отличный способ позволить пользователям выбирать сви любимые части форума, и скрывать остальные. Данный хак использует куки и потому помнит предпочтения пользователя.
СТИЛЬ: только proSilver
УСТАНОВКА:
1 - СКАЧАТЬ collapsible-categories.zip
2 - Скопировать файлы из архива:
/collapsible-categories/collapse-icon.png в /phpBB/styles/prosilver/theme/images/
/collapsible-categories/jquery.cookie.js в /phpBB/styles/prosilver/template/
/collapsible-categories/jquery.collapse.js в /phpBB/styles/prosilver/template/
3 - HTML правка
Открыть: /styles/prosilver/template/overall_header.html
Найти:

Код: Выделить всё

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

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

Код: Выделить всё

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- If the above line is already present, don't add it again -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.collapse.js"></script>

Открыть: /styles/prosilver/template/forumlist_body.html
Найти:

Код: Выделить всё

<!-- BEGIN forumrow -->

Добавить перед:

Код: Выделить всё

<div class="forumlist">

Найти:

Код: Выделить всё

<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
    </ul>

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

Код: Выделить всё

</div>

Найти:

Код: Выделить всё

<ul class="topiclist forums">

Добавить перед:

Код: Выделить всё

<!-- IF SCRIPT_NAME eq 'index' --><div class="trigger active"></div><!-- ENDIF -->
<div class="collapsethis">

Найти:

Код: Выделить всё

<!-- IF forumrow.S_LAST_ROW -->
        </ul>

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

Код: Выделить всё

</div>

Найти:

Код: Выделить всё

<!-- END forumrow -->

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

Код: Выделить всё

</div>

4 - CSS правка
Открыть: /styles/prosilver/theme/common.css
Найти:

Код: Выделить всё

.clear {
    display: block;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    background: transparent;
}

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

Код: Выделить всё

.trigger {
    background: url("{T_THEME_PATH}/images/collapse-icon.png") no-repeat;
    width: 32px;
    height: 17px;
    cursor: pointer;
    float: right;
    position: relative;
    z-index: 9998;
    margin-top: -21px;
}
.active {background-position: left top;}
.inactive {background-position: left bottom;}

5 - подключаем jQuery
Открыть: /styles/prosilver/template/forumlist_body.html
Найти:

Код: Выделить всё

<!-- END forumrow -->
</div>

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

Код: Выделить всё

<script type="text/javascript">
            $(".forumlist").collapse({show: function(){
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                },
                hide : function() {
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                }
            });
        </script>

На этом все!

[Prado]

На сайте и так всё понятно, мог бы указать ссылку и всё

[evrus]

А можно узнать какой мод стоит на форуме?

[PPK]

Expand categories: http://www.phpbb.com/community/viewtopic.php?t=1369555 (работает только под prosilver), на форуме стиль на базе prosilver

[evrus]

Спасибо за ответ - поставил на стиль на основе Prosilver. Все работает корректно, правда две ошибки валидатора устранить не смог.

[evrus]

Решил вопрос валидации и сохранения куки для мода Expand categories: http://www.phpbb.com/community/viewtopic.php?t=1369555
Чтобы код был валидным, в скрипт на который ругается валидатор нужно добавить следующее:

Код: Выделить всё

<script type="text/javascript">
 //<![CDATA[
 function show_details(id)...
//]]>
</script>

А для куки необходимо добавить код, который я указал в посте на phpbb.com в "дискассе" мода. (линк).

[Ilyich]

Скажите пожалуйста, а свернутые категории с точки зрения поисковика отличают от не свернутых? На индексацию это влияет?

[BitmasteR]

Скажите пожалуйста, а свернутые категории с точки зрения поисковика отличают от не свернутых? На индексацию это влияет?

не в коем случае

[TyMaH]

Поставил мод, а вот кнопки никак не реагируют..наверняка конфликт скриптов(

[PPK]

http://wcbot.dyndns.org/forum/ да вроде работает..