Hallo Heike,
du hast mit dem Aha Success für Joomla 1.5 gearbeitet. Da war mein System noch anders. Seit Joomla 1.6 hat sich sehr sehr viel geändert und die CSS-Definitionen mussten von Grund auf neu gemacht werden. Deshalb habe ich ab diesem Zeitpunkt ein neues System eingeführt. Das erlaubt mir mit wenigen Eingriffen große Bereiche zu ändern. So kann ich eben ganz schnell die Schrift von Fett auf Normal umstellen, ohne langwierig jeden einzelnen Selektor und dafür jedesmal die Definition eintragen zu müssen. Auch die logische Aufteilung in mehrere Dateien erhöht die Übersichtlichkeit. Bilder und Farbzuweisungen sind ausschließlich in der color.css. Die Aufteilung der Spalten und Module ist immer in der column.css definiert. Diese Datei muss für die Ahadesign-Templates kaum mehr angepasst werden. Und wenn doch, dann nur sehr geringfügig. Macht man das anders, muss man sich immer durch eine riesige einzelne Datei durchhangeln, was auch wesentlich mehr Zeit verbraucht. Es sind auch viel mehr CSS-Anweisungen geworden, als noch für Joomla 1.5. Wenn in anderen Templates die CSS-Datei trotzdem recht klein ist, dann werden nur sehr viele Dinge einfach nicht definiert oder mit noch globaleren Einstellungen gearbeitet.
Natürlich kann man das anders machen, aber es ist schon effizient so, wenn man sich mal daran gewöhnt hat. So viel zu meinem System.
Das mit den Überschriften wurde also auch so definiert, dass für alle Überschriften nur eine Definition notwendig ist. Sollen die Überschriften für Module, Menüs oder für Artikelbeiträge gesondert definiert werden, muss das auch zusätzlich eingetragen werden. Zb. unter dem ganzen Block für die Fettschrift nach Zeile 401 folgendes:
- Code: Alles auswählen
.module h3, .module h3 a:link, .module h3 a:visited,
.module_menu h3, .module_menu h3 a:link, .module_menu h3 a:visited {
font-weight:normal;
}
Hier sind jetzt alle H3-Überschriften der Module und Menüs definiert. Hier könnte natürlich auch noch a: hover mit drin sein. Sollen zb. nur die H2-Überschriften im Contentbereich angesprochen werden, kann man folgendes machen:
- Code: Alles auswählen
.rahmen h2 a:link, .rahmen h2 a:visited {
font-weight:normal;
}
Zusätzlich zur Überschrift muss also nur die richtige Klasse eines übergeordneten Elements angegeben werden. Um diese Klassen und auch viele andere Dinge rauszubekommen, empfehle ich, den Webdeveloper für Firefox zu benutzen. Ähnliche Add-ons bzw. Erweiterungen gibt es auch für andere Browser. Zb. beim Opera der Dragonfly, welcher auch sehr gut ist.
Ich hoffe, das hilft dir weiter.
Gruß Gerhard
