Sie sind hier: » ZMS home » Dokumentation » Details » How-To » Design » Channel-Farben

Charakteristische Farb-Sets für Primärrubriken

Für die Primärrubriken ('Channels') soll die Hauptnavigation in einer charakterischen Farbe erscheinen; zudem soll der aktivierte Eintrag in einer entsprechenden speziellen Farbe erscheinen.

Lösungsansatz: Einführung eines Select-Attributes 'Colorscheme' mit sprechenden Farb-Werten (z.B. Gruen, Orange, Blau, Grau) und Deklaration von entsprechend benamten Farbstyles im CSS in zwei Varianten(channelBgGruen / channelBgGruenActive). Aufruf der String-Funktion für die Generierungs des entsprechenden Farbstyles möglichst weit 'oben' im standard_html_header-Template auf der Basis der Farbstrings. Einführung der Farbvariablen im Channel-Template.

Farbdeklaration im CSS nach dem Muster:
...
.channelBgGruen { background-color: #00AA39; }
.channelBgGruenActive { background-color: #D55210; }
...

Ausschnitt aus der Einleitung des Templates standard_html_header:
...
<dtml-call "REQUEST.set('reqChannelColor',
'channelBg%s'%getDocumentElement().getObjProperty('attr_client_colorscheme',REQUEST))">
<dtml-if "getParentByLevel(1).getObjProperty('attr_colorscheme',REQUEST)">
<dtml-call "REQUEST.set('reqChannelColor',
'channelBg%s'%getParentByLevel(1).getObjProperty('attr_client_colorscheme',REQUEST))">
</dtml-if>
...

Ausschnitt aus Template bodyContent_Channels:
...
<TD align="center" valign="middle" width="100" 
<dtml-if oItemSelected>
class="<dtml-var reqChannelColor>Active"
<dtml-else> 
class="<dtml-var reqChannelColor>"
</dtml-if>>
...

Kommentar: Statt über ein sprechendes Farbschema könnte alternativ auch direkt den hexadezimalen Farbwert als Attributwert pflegen ohne Umweg über das CSS (, was allerdings weniger lesbar wäre).