Suffixe de Classe de Page

From Joomla! Documentation

This page is a translated version of the page Page Class Suffix and the translation is 100% complete.
Other languages:
Bahasa Indonesia • ‎English • ‎Kiswahili • ‎Nederlands • ‎català • ‎español • ‎français • ‎русский • ‎日本語

Un suffixe de classe de page dans Joomla! est un paramètre présent dans le contenu des éléments de Menu. Il est paramétrable dans l'élément de Menu : écran [Modifier] dans la section "Paramètres Avancées". Il permet à Joomla! soit d'ajouter une nouvelle classe CSS soit de modifier la classe CSS existante afin d'obtenir un affichage spécifique à cet élément de menu.

Lorsque Joomla! génère une page, les classes CSS pré-définies sont automatiquement appliquées afin de permettre le rendu de la page. Par exemple, une page peut contenir l'élément

<div class="componentheading">

Afin de créer une nouvelle classe, entrez le paramètre précédé d'un espace. Par exemple, en saisissant espace + "maNouvelleClasse", une nouvelle classe CSS nommée "maNouvelleClasse" est créée et s'intègre alors comme classe aux éléments de cet Elément de Menu. Dans ce cas, l'exemple ci-dessus deviendra :

<div class="componentheading maNouvelleClasse">

Pour changer le nom d'une classe existante, entrez le paramètre sans espace. Par exemple, en saisissant "_monSuffixe" (sans espace), le HTML sera modifié en :

<div class="componentheading_monSuffixe">

Généralement, il est recommandé d'utiliser un espace pour créer une nouvelle classe. Ainsi, les styles CSS de ce composant, qui utilise les noms de classe standards, continueront de fonctionner. Vous pouvez utiliser un nouveau nom de classe pour ajouter des styles au composant sans avoir besoin de recréer tout le code CSS existant. Attention, si vous créez un nouveau nom de classe, assurez-vous que son nom soit unique et n'entre pas en conflit avec un nom de classe existant.

Voir également : Utilisation des Suffixes de Classe, Utilisation du Suffixe de Classe de Page dans le Code du Template


Utilisation

Si vous saisissez un Suffixe de Classe de Page précédé d'un espace, une nouvelle classe CSS sera alors créée. Si votre paramètre n'est pas précédé d'un espace, les classes CSS associées à cet Elément de Menu (par exemple, "componentheading") seront alors modifiées. La première méthode est souvent préférable, car ainsi vous ne cassez aucun des styles existants des éléments de la page, et il vous faut seulement ajouter vos propres codes CSS pour la nouvelle mise en page.

Si vous n'utilisez pas d'espace préalable, il vous faudra copier l'intégralité des codes de style des classes de l'Elément de Menu et les dupliquer dans la nouvelle classe CSS avant de commencer vos modifications de CSS.

Vous pouvez utiliser le paramètre de Suffixe de Classe de Page pour créer des classes CSS uniques qui vous permettront de styliser un seul Elément de Menu, en vue de le rendre différent des autres.