Thema: Class Suffix

Hallo,

probiers doch einfach mal aus, deinem Menüpunkt, welcher auf die Kategorieübersicht verlinkt, mittels eines Class Suffix (in den Systemparametern) einen eigenen Style zuzuordnen ;-)

Bei mir hat sich die Blogansicht verändert.

Der "class-Zusatz der Seite" bei den Systemparametern bezieht sich auf den Content der Seite, nicht auf den Menüpunkt.

Wenn du dort einen Zusatz mit einem vorangestellten Leerzeichen eingibst (" zusatz"), wird dieser Quellcode generiert:

Code:

<div class="componentheading zusatz">

.

Wenn im CSS keine Definition für die Klasse "zusatz" gefunden wird, dann werden die generellen Formatierungen für "componentheading" übernommen. Das hat den Vorteil, dass du nur einzelne Elemente anpassen kannst.

Gibst du dort hingegen einen Zusatz ohne das Leerzeichen an, wird dieser Code generiert:

Code:

<div class="componentheadingzusatz">

. Das bedeutet, dass du für diese Klasse eine Definition im CSS haben musst, sonst bleibt das Element unformatiert.

Ich hoffe, mein Erklärungsversuch war einigermassen verständlich. Am besten probierst du es mal aus und schaust dir dabei den generierten Quellcode an

Wie ich schon sagte, schau dir den Quellcode der Seite an, dort siehst du, wie wo was angesteuert werden muss. Viel einfacher wäre es natürlich, den Firebug für FF zu installieren. Das ist ein sehr hilfreiches Addon mit dem dir mit einem Rechtsklick der Maus genau angezeigt wird, wie ein Element angesprochen werden muss .

Du hast im template.css ein paar Fehler

Hier fehlt eine geschweifte Klammer:

Code:

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #B60C0C;
text-decoration: none;
}

Hier fehlt jeweils ein Semicolon:

Code:

.contentpane band {
font-size: 18px;
color:#0000FF;
}

.contentdescription band {
font-size: 18px;
color:#0000FF;
}

.band {
font-size: 18px;
color:#0000FF;
}

Auf der Seite werden Links gelistet. Du hast die Farbe der LInks generell mit #ffffff definiert, und da du für die Klasse .band keine eigene Farbe bestimmt hast, wird die Standardfarbe genommen (also weiss). Google mal nach "css vererbung"


Versuche es mal so:

Code:

.band a:link {
color: yellow;
}

.band a:hover {
color: blue;}

usw.