Einzelne Kategorien auf der index.php einfärben - Snippet
Verfasst: 06.09.2014 12:08
Moin...
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:
Ersetze mit:
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...
Öffnen: styles\prosilver\theme\colours.css
Suchen:
Danach einfügen:
Ich hoffe mal, es geht in Ordnung, wenn ich Nicks Seite hierzu verlinkt habe...
Viel Spass damit.

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">
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 -->

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

Viel Spass damit.