Joomla! Documentation™

Module class achtervoegsel is een parameter in Joomla! modules. Het wordt geconfigureerd in het module: [Bewerken] venster bij "Geavanceerde instellingen". Het instellen van deze parameter laat Joomla! ofwel een nieuwe CSS class toevoegen of de bestaande CSS class wijzigen van het div element voor deze specifieke module.

Wanneer Joomla! een module genereert , maakt het automatisch een CSS class genaamd "moduletable" aan om het stylen van de module toe te staan -- bijvoorbeeld:

<div class="moduletable">

Om een nieuwe class aan te maken, voer de parameter in voorafgaand door een spatie. Bijvoorbeeld het ingeven van een spatie plus "mijnNieuweClass" zal leiden tot een nieuwe CSS class met de naam "mijnNieuweClass". De HTML wordt veranderd in

<div class="moduletable mijnNieuweClass">

Om de naam te wijzigen van een bestaande class, voer de parameter in zonder een spatie. Bijvoorbeeld, het invoeren van "_mySuffix" (zonder spatie) zorgt ervoor dat de HTML wordt veranderd naar

<div class="moduletable_mySuffix">

Over het algemeen is het aan te bevelen om een nieuw te maken class vooraf te laten gaan door een spatie. Op deze manier zal de CSS-styling voor deze module met de standaard class blijven werken. Een nieuwe class kan worden gebruikt om iedere gewenste styling toe te voegen aan de module, zonder dat de al bestaande CSS-code aangepast hoeft te worden. Let op: iedere nieuwe class-naam moet uniek zijn om niet in conflict te komen met al bestaande class-namen.

Zie: Gebruik van class achtervoegsels.

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.