Foren Kategorie bearbeiten mit CSS

jus61 · Jan 1st 2014

Erledigt aber funktioniert nicht ganz

Hatte vorher diseen Code verwendet:

Code

#tplBoardList .wbbCategory { display: inline-block; width: 49%; vertical-align: top; }




.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {
display: none;
margin-right: 7px;
}
.wbbBoardList .wbbCollapsibleCategory > header > small {
display: inline-block;
margin-left: 1px;
}




#tplBoardList .wbbCategory > ul {
display: none;
}

Display More

Die Icons würde ich ersetzen mit Spiele Icons

Okan Esen · Jan 1st 2014

Ich habe die CSS-Deklaration in meinem vorherigen Beitrag angepasst, bitte nochmals umändern.

Ansonsten bei deinen angegeben CSS-Deklarationen alles entfernen ausgenommen von der Zeile: Foren Kategorie bearbeiten mit CSS.

Folgendes bitte unter System -> Optionen -> Allgemein -> Footer-Code einfügen:

JavaScript

<script>
    //<![CDATA[
    var unreadCount;




    $("#tplBoardList .wbbDepth1").each(function(k, v) {
        unreadCount = 0;
        $(v).find(".containerHeadline .badge").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $(v).find("header a").after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });
    //]]>
</script>

Display More

jus61 · Jan 1st 2014

Leider funktioniert es nicht so ganz

Das ist der CSS den ich eingetragen habe :

Code

.wbbCategory { display: inline-block; width: 49%; vertical-align: top; }
.wbbDepth1 > header + ul, .wbbBoardList .wbbDepth1 .collapsibleButton { display: none; }

Okan Esen · Jan 1st 2014

Sieht soweit richtig aus, bitte den jQuery-Schnipsel durch folgenden ersetzen:

JavaScript

<script>
    //<![CDATA[
    var unreadCount;
    var $wbbParentCategories = $("#tplBoardList .wbbDepth1");    




    $wbbParentCategories.removeClass("wbbCollapsibleCategory");
    $wbbParentCategories.each(function(k, v) {
        unreadCount = 0;
        var $category = $(v);




        $category.find(".containerHeadline .badge").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $category.find("header a").after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });
    //]]>
</script>

Display More

Da die Kategorien keine Klasse mit der jeweiligen ID bereitstellen, kommen wir leider nicht an die einzelnen Elemente dran, um Icons hinzuzufügen. Ich kann dir den Schnipsel anpassen, sofern mir sagst, wie genau du dir das vorstellst. Einfach den Pfeil durch ein Icon ersetzen?

jus61 · Jan 1st 2014

leider nein

Okan Esen · Jan 1st 2014

Was genau ist denn falsch? Bisschen mehr Informationen schaden niemandem.

jus61 · Jan 1st 2014

ich mühte auf der Übersicht Seite die Kategorien so anzeigen lassen:

Und die Unter Kategorien oder Foren so:

Das alles schaffe ich mit dem volgenden CSS code:

Code

#tplBoardList .wbbCategory { display: inline-block; width: 49%; vertical-align: top; }







.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {
display: none;
margin-right: 7px;
}
.wbbBoardList .wbbCollapsibleCategory > header > small {
display: inline-block;
margin-left: 1px;
}




#tplBoardList .wbbCategory > ul {
display: none;
}

Display More

nun wen ich das alles gemacht habe habe ich das Problem das neue Einträge nicht so angezeigt werden :

Es wird nichts angezeigt das in dieser Kategorie ein neuer Beitrag erstellt worden ist sonder nur im Header Menü unter Forum:

Okan Esen · Jan 1st 2014

Genau das wurde mit den von mir genannten Änderungen doch gemacht? Dass der Zähler nicht eingeblendet wurde, lag daran, weil es für dich keine Beiträge gibt, die noch ungelesen sind.

Kein Grund gleich alle Änderungen über Bord zu werfen...

jus61 · Jan 2nd 2014

nein ist es nicht ich wollte zum ausgangs Punkt.

Ich habe mit dem Account Demo einen neuen Beitrag erstellt un mir wird nichts angezeigt aber ich füge jetzt noch mal deine Daten ein und zwar wie folgt:

In die CSS:

Code

.wbbCategory { display: inline-block; width: 49%; vertical-align: top; }
.wbbDepth1 > header + ul, .wbbBoardList .wbbDepth1 .collapsibleButton { display: none; }

Und unter Footer-Code das:

Code

<script>
    //<![CDATA[
    var unreadCount;
    var $wbbParentCategories = $("#tplBoardList .wbbDepth1");    




    $wbbParentCategories.removeClass("wbbCollapsibleCategory");
    $wbbParentCategories.each(function(k, v) {
        unreadCount = 0;
        var $category = $(v);




        $category.find(".containerHeadline .badge").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $category.find("header a").after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });
    //]]>
</script>

Display More

Weiters entferne ich alles andere !!!

Okan Esen · Jan 2nd 2014

Hast du die Foren-Tiefe auch entsprechend angepasst?

jus61 · Jan 2nd 2014

ja auf 2

Okan Esen · Jan 2nd 2014

Bitte um 3-4 erhöhen, wie bereits von mir oben im Beitrag erwähnt.

jus61 · Jan 2nd 2014

ok habe ich nun Funktioniert auch die anzeige mit den News nur die unter Foren werden noch nicht richtig angezeigt:

So soll es aber aus schauen:

Okan Esen · Jan 2nd 2014

Ich nehme nochmals alles zurück, sorry!

Bitte die Forentiefe wieder auf 2 zurücksetzen und folgenden JS-Code verwenden und Unterforen in der Auflistung anzeigen lassen:

JavaScript

<script>
    //<![CDATA[
    var unreadCount;
    var $wbbParentCategories = $("#tplBoardList .wbbDepth1");    




    $wbbParentCategories.removeClass("wbbCollapsibleCategory");
    $wbbParentCategories.each(function(k, v) {
        unreadCount = 0;
        var $category = $(v);




        $category.find(".wbbSubBoards .badge").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $category.find("header a").after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });
    //]]>
</script>

Display More

jus61 · Jan 2nd 2014

gemacht

Okan Esen · Jan 2nd 2014

Bitte den JS-Code mit folgendem ersetzen - hoffentlich der letzte:

JavaScript

<script>
    //<![CDATA[
    var unreadCount;
    var $wbbParentCategories = $("#tplBoardList .wbbDepth1");    




    $wbbParentCategories.removeClass("wbbCollapsibleCategory");
    $wbbParentCategories.each(function(k, v) {
        unreadCount = 0;
        var $category = $(v);




        $category.find(".badge:not(.label)").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $category.find("header a").after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });
    //]]>
</script>

Display More

Hast du bei den Foreneinstellungen die Unterforen aktiviert?

jus61 · Jan 2nd 2014

erledigt aber ne ist nicht der Letzte

Okan Esen · Jan 2nd 2014

Kannst du mir vielleicht einen Account mit ACP-Zugang anlegen, sonst hängen wir hier noch bis morgen rum.

jus61 · Jan 2nd 2014

PN

Okan Esen · Jan 2nd 2014

Damit das Thema nicht zugemüllt wird und ich jetzt verstanden habe - denke ich - was du möchtest, hier die nötigen Sachen, die du benötigst:

JS-Schnipsel

JavaScript

var unreadCount;
    var $wbbParentCategories = $("#tplBoardList .wbbDepth1");    




    $wbbParentCategories.removeClass("wbbCollapsibleCategory");
    $wbbParentCategories.each(function(k, v) {
        unreadCount = 0;
        var $category = $(v);




        $category.find(".badge:not(.label)").each(function(i, e) {
            unreadCount += parseInt($(e).text());
        });

        if (unreadCount > 0) $category.find("header a").first().after("<span class='badge badgeUpdate'>" + unreadCount + "</span>")
    });

Display More

CSS

#tplBoardList .wbbCategory { display: inline-block; width: 49%; vertical-align: top; }
#tplBoardList .wbbDepth1 > header + ul, .wbbBoardList .wbbDepth1 .collapsibleButton { display: none; }

Foren Kategorie bearbeiten mit CSS

Participate now!

Share

Similar Threads

Frage zur Struktur

Abonnierte Themen nicht auflistbar

Themen

Tags

Users Viewing This Thread