About CSS page layouts/fr

From Joomla! Documentation

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Sat, 17 Oct 2020 11:10:15 +0000


Les professionnels du web on tendance à toujours séparer le style et le contenu. Il existe plusieurs raisons à cela et la plus évidente (pour un développeur) est la capacité à contrôler l'apparence de différentes pages en modifiant un unique fichier. Les informations portant sur le style peuvent comprendre les polices de caractères, les fonds, les images (qui se répètent sur plusieurs pages), les positions et les dimensions des éléments de la page. Votre fichier HTML présentera dès lors des informations pour l'en-tête, une série d'éléments et le texte de votre site web. Pour travailler avec un template Joomla, vous devrez renseigner certaines informations d'en-tête et du code php pour obtenir le reste de l'information d'en-tête, une série d'éléments, du code php pour déterminer chaque position de module et du code php pour appeler le contenu principal.

Les informations de style sont codées en CSS, feuille de style en cascade, et généralement stockées dans des fichiers ayant pour extension .css. Une page web contiendra un lien vers le fichier .css associé permettant ainsi au navigateur de trouver les informations de style à appliquer à la page. Les CSS peuvent également être placés à l'intérieur d'un fichier html entre les balises <style type="text/css"></style>.

Le code CSS s'applique à un élément déterminé de la page html/xml. Si vous souhaitez qu'un style s'applique à l'ensemble de la page, il vous sera probablement nécessaire de l'appliquer à l'élément <body>. Vous pouvez appliquer des styles à n'importe quel élément html comme <p>, <table> ou <div>. Pour le style d'un élément particulier, il devra avoir un ID. Par exemple, pour appliquer des styles à la balise <div> contenant le titre, vous devrez d'abord inclure un ID dans le html <div ID="title">.