• Centre de formation Joomla!
    Tutoriels et formation Joomla!
    Apprenez en vous formant à votre rythme, en toute liberté,
    créez votre propre site Web avec Joomla!

Tutoriel Logo Joomla Joomla

Comment utiliser la surcharge CSS ?

Vous avez peut-être déjà entendu parler de la surcharge CSS mais tout le monde ne sait pas ce que c'est et comment l'utiliser. Après quelques explications à ce sujet, nous allons voir dans ce tutoriel comment utiliser la surcharge CSS.

Table des matières
- La surcharge CSS
- Comment l'utiliser ?

 

La surcharge CSS

Rappel. La première règle CSS appliquée est la dernière propriété définie dans l'ordre du fichier CSS. Fondamentalement, si vous avez même propriété définie à deux reprises dans votre feuille de style, c'est celle qui est la dernière sur la feuille de style qui sera la première appliquée.
p.text{
padding:0;
}
/* Cette règle sera appliquée en priorité */
p.text{
padding:5px;
}

 

Comment l'utiliser ?

Pourquoi et comment utiliser cela dans votre template ?
Les fichiers CSS de votre template sont chargés après la balise .

Les balises situées dans l'en-tête des pages de Joomla chargent les fichiers JS et CSS avant ceux de votre template. Donc, si par exemple nous utilisons un module, ses feuilles de style CSS seront chargées avant les fichiers CSS du template. Ainsi, nous pourrons utiliser le principe de la surcharge CSS pour modifier ce module (ou pour importe quel module) dans les CSS du template et ainsi l'adapter visuellement à notre site Web.

Cette technique peut être utilisée avec n'importe quel module Joomla sans que vous ayez à modifier le fichier CSS original du module pour obtenir l'affichage escompté.


 

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.