Collapsible Categories with Cookies

Hier gibt es kleinere Snippets zu phpBB 3.1.x.
Gesperrt
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1622
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Dez 2014 20 12:02

Collapsible Categories with Cookies

Beitrag von Kirk


Erlaubt es den Benutzern jedes einzelne Foren Kategorie zusammenzuklappen.
Die Einstellungen werden per Cookie gespeichert.
Basierend auf den MOD Collapsible Categories with Cookies von Christian Bullock: http://www.christianbullock.com

Öffne: root/styles/prosilver/template/forumlist_body.html

Finde:

Code: In Zwischenablage kopieren

<!-- BEGIN forumrow -->
Danach einfügen:

Code: In Zwischenablage kopieren

<div class="forumlist">
Finde:

Code: In Zwischenablage kopieren

        <!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
            </ul>
Danach einfügen: Finde:

Code: In Zwischenablage kopieren

<ul class="topiclist forums">
Davor einfügen:

Code: In Zwischenablage kopieren

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

Code: In Zwischenablage kopieren

    <!-- IF forumrow.S_LAST_ROW -->
            </ul>
Danach einfügen: Finde:

Code: In Zwischenablage kopieren

<!-- END forumrow -->
Danach einfügen: Öffne: root/styles/prosilver/template/overall_footer.html

Finde:

Code: In Zwischenablage kopieren

<!-- EVENT overall_footer_after -->
Danach einfügen:

Code: In Zwischenablage kopieren

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.collapse.js"></script>

<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>
Öffne: root/styles/prosilver/theme/common.css

Ganz am Ende einfügen:

Code: In Zwischenablage kopieren

.trigger {
    background: url("./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;}
Hinweis:
Nach dem entpacken der Datei collapsible-categories.zip
Kopiere: collapse-icon.png nach root/styles/prosilver/theme/images/
Kopiere: jquery.cookie.js nach root/styles/prosilver/template/
Kopiere: jquery.collapse.js nach root/styles/prosilver/template/

Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere deinen Browser Cache
STRG+F5

Download:
collapsible-categories.zip
(7.14 KiB) 872-mal heruntergeladen
Gruß Udo
Gesperrt

Wer ist online?


Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast