Seite 1 von 1

Einzelne Kategorien auf der index.php einfärben - Snippet

Verfasst: 06.09.2014 12:08
von Pofi
Moin... :grin:

Nachdem ich die letzten Tage wie verrückt danach gesucht hatte und nur Sachen gefunden habe, die nicht richtig funktionieren, habe ich selber mal etwas gebastelt.

Die Hintergrunddateien habe ich von den Seiten von Nickvergessen: Hier geht es zu seinem Forum und dem entsprechenden Thema

Da die dort beschriebene Lösung bei mir nicht funktionierte habe ich das einfach mal anders probiert.

Öffnen: styles\prosilver\template\forumlist_body.html
Suchen:

Code: Alles auswählen

<div class="forabg">
Ersetze mit:

Code: Alles auswählen

    <!-- IF forumrow.FORUM_ID eq '1' -->
    <div class="coloured1">
    <!-- ELSEIF forumrow.FORUM_ID eq '7' -->
    <div class="coloured2">
    <!-- ELSEIF forumrow.FORUM_ID eq '4' -->
    <div class="coloured3">
    <!-- ELSEIF forumrow.FORUM_ID eq '6' -->
    <div class="coloured4">
    <!-- ENDIF -->
Die Zahlen oben, können/sollten durch die jeweilige Foren-ID ersetzt werden. Diese Liste kann bei Bedarf natürlich verlängert oder verkürzt werden. Ich setze hier einfach mal Grundkenntnisse voraus. Wer sich für diese Variante entscheidet, muss JEDE Kategorie auf der index-Seite so definieren. Eine andere Möglichkeit habe ich noch nicht gebastelt. Vielleicht fällt dem ein oder anderen noch ein besserer Weg ein... :roll:

Öffnen: styles\prosilver\theme\colours.css
Suchen:

Code: Alles auswählen

.forabg {
   background-color: #0076b1;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
Danach einfügen:

Code: Alles auswählen

.coloured {
   background-color: #00B176;
   background-image: url("{T_THEME_PATH}/images/bg_list_coloured.gif");
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.coloured1 {
   background-color: #7600B1;
   background-image: url("{T_THEME_PATH}/images/bg_list_coloured1.gif");
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.coloured2 {
   background-color: #76B100;
   background-image: url("{T_THEME_PATH}/images/bg_list_coloured2.gif");
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.coloured3 {
   background-color: #B10076;
   background-image: url("{T_THEME_PATH}/images/bg_list_coloured3.gif");
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.coloured4 {
   background-color: #B17600;
   background-image: url("{T_THEME_PATH}/images/bg_list_coloured4.gif");
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
Ich hoffe mal, es geht in Ordnung, wenn ich Nicks Seite hierzu verlinkt habe... :wink:
Viel Spass damit.