Joomla! Documentation™

Modul-Klassen-Suffix ist ein Parameter in Joomla!-Modulen. Er wird auf dem Modul-Bearbeitungsbildschirm unter „Erweitertet“ eingestellt. Die Einrichtung dieses Parameters bewirkt, dass Joomla! entweder eine neue CSS-Klasse hinzufügt oder die bestehende CSS-Klasse für das div-Element für dieses spezifische Modul ändert.

Wenn Joomla! ein Modul generiert, erstellt es automatisch eine CSS-Klasse namens „moduletable“, um das Styling des Moduls zu ermöglichen – zum Beispiel:

<div class="moduletable">

Um eine neue Klasse zu erstellen, muss der Parameter mit einem führenden Leerzeichen eingegeben werden. Wenn beispielsweise ein Leerzeichen plus myNewClass eingegeben wird, wird eine neue CSS-Klasse namens „myNewClass“ erstellt. Der HTML-Code wird geändert in

<div class="moduletable myNewClass">

Um den Namen der bestehenden Klasse zu ändern, muss der Parameter ohne ein führendes Leerzeichen eingegeben werden. Wenn beispielsweise „_mySuffix“ (ohne führendes Leerzeichen) eingegeben wird, wird der HTML-Code geändert zu

<div class="moduletable_mySuffix">

Im Allgemeinen wird empfohlen, eine neue Klasse mit einem führenden Leerzeichen zu erstellen. Auf diese Weise funktioniert das CSS-Styling für dieses Modul, das die Standardklassennamen verwendet, weiterhin. Mithilfe des neuen Klassennamens lässt sich dem Modul jede gewünschte Gestaltung hinzufügen, ohne dass der gesamte vorhandene CSS-Code neu erstellt werden muss. Falls ein neuer Klassenname erstellt wird, ist darauf zu achten, dass er einen eindeutigen Namen hat und nicht mit bestehenden Klassennamen kollidiert.

Siehe Using Class Suffixes für weitere Informationen.

Usage

If you enter a Module Class Suffix with a leading space, a new CSS class will be created. If your parameter does not have a leading space, the CSS class "moduletable" is modified. The first method is often preferred, since then you don't break any of the existing styling for the module, and you only need to add new CSS code for the new styling.

If you don't use a leading space, you will need to copy all of the styling code for the "moduletable" class and duplicate it for the new CSS class before making your CSS changes.

See the tutorial Using Class Suffixes for a detailed example of using Page and Module Class Suffixes.