Manual:CSS/fr

Les règles Cascading Style Sheet (CSS) définissent en grande partie l'apparence de MediaWiki : la taille de police, les couleurs, l'espacement, le logo et l'image d'arrière-plan, même si le contenu du site est affiché ou est masqué.

Le CSS peut être utilisé pour changer le style de l'ensemble du wiki, par exemple pour rendre l'arrière-plan d'une couleur différente, ou vous pouvez utiliser CSS en ligne pour le style des morceaux de texte spécifiques dans votre wiki. Par exemple texte en vert peut être accompli en faisant. Si vous voulez rendre tout le texte sur le wiki plus grand, vous pouvez ajouter le code à.

Pour changer l'apparence et la sensation de l'affichage de votre MediaWiki (présentation dans un navigateur), vous pouvez mettre le CSS dans.

Pour changer la façon dont les pages de MediaWiki s'affichent à "l'impression", vous pouvez mettre du CSS dans sur votre wiki

Si enabled sur votre wiki, les utilisateurs individuels peuvent créer des feuilles de style personnalisées pour eux-mêmes à Special:MyPage/.css (par exemple S'ils utilisent l'habillage Vector). Special:MyPage/common.css permet la création de feuilles de style personnelles pour tous les habillages.

Vous pouvez également créer des habillages personnalisés pour MediaWiki.

Aide
La syntaxe CSS, les attributs et les valeurs, doivent être corrects sinon cela ne fonctionnera pas correctement. World Wide Web Consortium (W3C) est une excellente référence pour vérifier que le code CSS est rédigé correctement, en accord avec les standards:
 * https://www.w3.org/TR/CSS21/propidx.html -- CSS 2.1 Index of properties &larr; very helpful
 * http://www.w3.org/TR/CSS21/indexlist.html -- CSS 2.1 Index of everything
 * http://www.w3.org/TR/CSS21/cover.html#minitoc -- CSS 2.1 Table des matières

Wikipédia donne un bon aperçu du CSS.

Si vous préférez une référence facilement consommable aux côtés de démonstrations de fonctionnalités CSS Mozilla Developer Network CSS Reference vous fournira un guide "à jour" pour la syntaxe et l'utilisation de base des différents éléments.


 * Mozilla Developer Network CSS Reference

Mises en garde
Assurez-vous de conserver votre sémantique de balisage HTML. S'appuyer sur le style pour indiquer le sens est une mauvaise pratique (par exemple pour la lisibilité de la machine, par les moteurs de recherche, les lecteurs d'écran utilisant le texte à la parole et les navigateurs de texte).

CSS Normalisé
Much CSS today relies on a "reset" or "normalize" CSS to make all browsers work the same. MediaWiki does not have a reset per se, though there are built-in stylesheets such as common/commonElements.css, common/commonContent.css, common/commonInterface.css, and.

If you copy CSS, watch if it depends on additional CSS.

For example jsFiddle has a checkbox for "Normalized CSS". This sets s to   and resets the numbers on ordered lists. Since none of this normalization CSS is running on MediaWiki sites, you should not use it when testing MediaWiki-related code.

jsfiddle has a feature to import CSS. If you're testing against the Vector skin on English Wikipedia, the primary sheets should be (in this order):


 * [/load.php?debug=true&lang=en&modules=mediawiki.legacy.shared&only=styles&skin=vector Legacy general (all skins that use CSS) CSS built in to core]
 * [/load.php?debug=true&lang=en&modules=skins.vector.styles&only=styles&skin=vector General and Vector CSS built-in to core]
 * [/load.php?debug=true&lang=en&modules=site&only=styles&skin=vector Site CSS (MediaWiki namespace)]
 * [/load.php?debug=true&lang=en&modules=ext.gadget.site-styles&only=styles&skin=vector CSS for all skins (for all users) on MediaWiki.org (MediaWiki namespace)]
 * [/load.php?debug=true&lang=en&modules=site.styles&only=styles&skin=vector Vector skin CSS (MediaWiki namespace)]
 * [/load.php?debug=true&lang=en&modules=site.styles&only=styles&skin=vector Vector skin CSS (MediaWiki namespace)]

You can adjust the domain in the URL for other WMF wikis. By importing these, you can get a better idea how your CSS interacts with the CSS on WMF wikis.

Les styles ne fonctionnent pas sur Special:UserLogin ou Special:Preferences?
Par défaut, les customisations CSS du site (ex. MediaWiki:Common.css) ne prend pas effet sur la page de login et des préférences This is to preserve the security of the login process, and to allow users to remove any unwanted customizations without being interfered with. If you are not concerned about the security risks, you can use the configuration setting to allow custom CSS to work on these pages.