Beiträge von marc-andree

/*Umwandlung der Kategorien in der obersten Ebene in Kacheln mit Angabe der Breite.
Durch die Breitenangabe(width) wird bestimmt wie viele Kacheln nebeneinander angezeigt werden.
Ausgangswert ist 100% für eine Kachel pro Zeile.*/


#tplBoardList .wbbCategory { 
 display: inline-block;
 width: 40%;
 margin-left: 50px;
 vertical-align: top; }


/*Zuweisung einer Grafik und Festlegung der Kachelhöhe.
Muss für jede Kategorie angelegt werden!*/


#tplBoardList .wbbCategory[data-board-id="3"] > header {
    background: url('@{style_image_path}/kategorien/quaseln.jpg') no-repeat scroll center !important;
    height: 300px;
    padding: 0px;
    border: 0px !important;


/*Ausblenden der Unterkategorien und Foren*/


#tplBoardList .wbbDepth1 > header + ul, .wbbBoardList .wbbDepth1 .collapsibleButton { display: none; }




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






/*Jetzt noch die Codes für die zweite, dritte, ... Ebene*/


#tplBoard .wbbCategory { 
 display: inline-block;
 width: 40%;
 margin-left: 50px;    
 vertical-align: top; }


#tplBoard .wbbDepth1 > header + ul, .wbbBoardList .wbbDepth1 .collapsibleButton { display: none; }


#tplBoard .wbbCategory[data-board-id="15"] > header {
    background: url('@{style_image_path}/kategorien/malawiforum_300.jpg') no-repeat scroll center !important;
    height: 300px;
    padding: 0px;
    border: 0px !important;


/* Hiermit wird die Fläche des Links definiert und die "normale" Kategorienüberschrift ausgeblendet.
Blendet man diese Überschrift aus, sollte man die eingefügte Grafik beschriften*/


.tabularBoxTitle[data-board-id="94"] > header > h2 > a {
    text-indent: -9999px;
    display: inline-block;
    width:300px;  /*<- Damit der link über die ganze Breite der Category verfügbar ist*/
    height:300px;  /*<- Angepasst an die Höhe der verwendeten Grafik*/
}

<script>
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>")
    });
</script>