CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Projet:Infobox/V2 — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"45c1ed5c-7483-47d5-8fab-93bce246d04b","wgCanonicalNamespace":"Projet","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":102,"wgPageName":"Projet:Infobox/V2","wgTitle":"Infobox/V2","wgCurRevisionId":209194949,"wgRevisionId":209194949,"wgArticleId":2763109,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Projet:Infobox/Articles liés","Wikipédia:Archive de page méta","Projet:Infobox/V2"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Projet:Infobox/V2","wgRelevantArticleId":2763109,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["editextendedsemiprotected"],"wgRestrictionMove":["editextendedsemiprotected"],"wgNoticeProject":"wikipedia", "wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":30000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList", "mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js", "ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.discussionTools.init.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Projet:Infobox/V2 — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Projet:Infobox/V2"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Projet:Infobox/V2"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-102 ns-subject page-Projet_Infobox_V2 rootpage-Projet_Infobox skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Projet%3AInfobox%2FV2" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Projet%3AInfobox%2FV2" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Projet%3AInfobox%2FV2" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Projet%3AInfobox%2FV2" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Conventions_d'harmonisation" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Conventions_d'harmonisation"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Conventions d'harmonisation</span> </div> </a> <button aria-controls="toc-Conventions_d'harmonisation-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Conventions d'harmonisation</span> </button> <ul id="toc-Conventions_d'harmonisation-sublist" class="vector-toc-list"> <li id="toc-Nommage_et_renommage" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Nommage_et_renommage"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>Nommage et renommage</span> </div> </a> <ul id="toc-Nommage_et_renommage-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Paramétrage" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Paramétrage"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>Paramétrage</span> </div> </a> <ul id="toc-Paramétrage-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Programmation_des_modèles" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Programmation_des_modèles"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Programmation des modèles</span> </div> </a> <button aria-controls="toc-Programmation_des_modèles-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Programmation des modèles</span> </button> <ul id="toc-Programmation_des_modèles-sublist" class="vector-toc-list"> <li id="toc-Programmation_d'une_infobox_sans_briques" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Programmation_d'une_infobox_sans_briques"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Programmation d'une infobox sans briques</span> </div> </a> <ul id="toc-Programmation_d'une_infobox_sans_briques-sublist" class="vector-toc-list"> <li id="toc-Exemple_type_de_programmation" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Exemple_type_de_programmation"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.1</span> <span>Exemple type de programmation</span> </div> </a> <ul id="toc-Exemple_type_de_programmation-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Mise_à_jour_d'une_programmation" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Mise_à_jour_d'une_programmation"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.2</span> <span>Mise à jour d'une programmation</span> </div> </a> <ul id="toc-Mise_à_jour_d'une_programmation-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Autres_considérations" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Autres_considérations"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.3</span> <span>Autres considérations</span> </div> </a> <ul id="toc-Autres_considérations-sublist" class="vector-toc-list"> <li id="toc-Liens_de_documentation_et_de_modification" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Liens_de_documentation_et_de_modification"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.3.1</span> <span>Liens de documentation et de modification</span> </div> </a> <ul id="toc-Liens_de_documentation_et_de_modification-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Paramètre_image" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Paramètre_image"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.3.2</span> <span>Paramètre image</span> </div> </a> <ul id="toc-Paramètre_image-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Paramètre_site_Web" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Paramètre_site_Web"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.3.3</span> <span>Paramètre site Web</span> </div> </a> <ul id="toc-Paramètre_site_Web-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Paramètre_de_géolocalisation" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Paramètre_de_géolocalisation"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.3.4</span> <span>Paramètre de géolocalisation</span> </div> </a> <ul id="toc-Paramètre_de_géolocalisation-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Programmation_d'une_infobox_avec_des_briques" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Programmation_d'une_infobox_avec_des_briques"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Programmation d'une infobox avec des briques</span> </div> </a> <ul id="toc-Programmation_d'une_infobox_avec_des_briques-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Programmation_d'une_infobox_modulaire" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Programmation_d'une_infobox_modulaire"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>Programmation d'une infobox modulaire</span> </div> </a> <ul id="toc-Programmation_d'une_infobox_modulaire-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Charte_graphique_des_Infobox_V2" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Charte_graphique_des_Infobox_V2"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Charte graphique des Infobox V2</span> </div> </a> <button aria-controls="toc-Charte_graphique_des_Infobox_V2-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Charte graphique des Infobox V2</span> </button> <ul id="toc-Charte_graphique_des_Infobox_V2-sublist" class="vector-toc-list"> <li id="toc-Esthétique_générale" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Esthétique_générale"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Esthétique générale</span> </div> </a> <ul id="toc-Esthétique_générale-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Usage_des_couleurs_dans_les_titres_et_les_sous-titres" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Usage_des_couleurs_dans_les_titres_et_les_sous-titres"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>Usage des couleurs dans les titres et les sous-titres</span> </div> </a> <ul id="toc-Usage_des_couleurs_dans_les_titres_et_les_sous-titres-sublist" class="vector-toc-list"> <li id="toc-Optimiser_le_contraste_entre_le_fond_et_le_texte" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Optimiser_le_contraste_entre_le_fond_et_le_texte"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.1</span> <span>Optimiser le contraste entre le fond et le texte</span> </div> </a> <ul id="toc-Optimiser_le_contraste_entre_le_fond_et_le_texte-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Paramètres_de_changement_de_couleurs" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Paramètres_de_changement_de_couleurs"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.2</span> <span>Paramètres de changement de couleurs</span> </div> </a> <ul id="toc-Paramètres_de_changement_de_couleurs-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Pictogrammes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Pictogrammes"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>Pictogrammes</span> </div> </a> <ul id="toc-Pictogrammes-sublist" class="vector-toc-list"> <li id="toc-Présentation_des_pictogrammes" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Présentation_des_pictogrammes"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3.1</span> <span>Présentation des pictogrammes</span> </div> </a> <ul id="toc-Présentation_des_pictogrammes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Pictogrammes_dans_la_feuille_de_styles" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Pictogrammes_dans_la_feuille_de_styles"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3.2</span> <span>Pictogrammes dans la feuille de styles</span> </div> </a> <ul id="toc-Pictogrammes_dans_la_feuille_de_styles-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Documentation" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Documentation"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Documentation</span> </div> </a> <button aria-controls="toc-Documentation-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Documentation</span> </button> <ul id="toc-Documentation-sublist" class="vector-toc-list"> <li id="toc-Création" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Création"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Création</span> </div> </a> <ul id="toc-Création-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Contenu" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Contenu"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Contenu</span> </div> </a> <ul id="toc-Contenu-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Exemples" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Exemples"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Exemples</span> </div> </a> <button aria-controls="toc-Exemples-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Exemples</span> </button> <ul id="toc-Exemples-sublist" class="vector-toc-list"> <li id="toc-Infobox_simples" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Infobox_simples"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Infobox simples</span> </div> </a> <ul id="toc-Infobox_simples-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Infobox_génériques" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Infobox_génériques"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2</span> <span>Infobox génériques</span> </div> </a> <ul id="toc-Infobox_génériques-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Voir_aussi" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Voir_aussi"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Voir aussi</span> </div> </a> <ul id="toc-Voir_aussi-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Projet</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Infobox/V2</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 1 langue." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-1" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">1 langue</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%98%D0%B0:%D0%9F%D1%80%D0%BE%D1%98%D0%B5%D0%BA%D0%B0%D1%82_%D0%98%D0%BD%D1%84%D0%BE%D0%BA%D1%83%D1%82%D0%B8%D1%98%D0%B5" title="Википедија:Пројекат Инфокутије – serbe" lang="sr" hreflang="sr" data-title="Википедија:Пројекат Инфокутије" data-language-autonym="Српски / srpski" data-language-local-name="serbe" class="interlanguage-link-target"><span>Српски / srpski</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=frwiki&page=Projet%3AInfobox%2FV2" title="Ajouter des liens interlangues" class="wbc-editpage">Ajouter des liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-projet" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Projet:Infobox/V2" title="Afficher la page du sujet [c]" accesskey="c"><span>Projet</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion_Projet:Infobox/V2" rel="discussion" class="mw-redirect" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Projet:Infobox/V2"><span>Lire</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&action=edit" title="Cette page est protégée.
Vous pouvez toutefois en visualiser la source. [e]" accesskey="e"><span>Voir le texte source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Projet:Infobox/V2"><span>Lire</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&action=edit"><span>Voir le texte source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Projet:Infobox/V2" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Projet:Infobox/V2" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&oldid=209194949" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FProjet%3AInfobox%2FV2"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FProjet%3AInfobox%2FV2"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Projet%3AInfobox%2FV2"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Projet%3AInfobox%2FV2&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Projet:Infobox/V2&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Une page de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">< <bdi dir="ltr"><a href="/wiki/Projet:Infobox" title="Projet:Infobox">Projet:Infobox</a></bdi></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="bandeau-container metadata bandeau-article bandeau-niveau-information"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><a href="/wiki/Fichier:Open_book_01.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Open_book_01.svg/45px-Open_book_01.svg.png" decoding="async" width="45" height="45" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Open_book_01.svg/68px-Open_book_01.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Open_book_01.svg/90px-Open_book_01.svg.png 2x" data-file-width="360" data-file-height="360"/></a></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p><strong class="bandeau-titre">Cette page ne décrit pas l’état actuel du projet.</strong> </p><p>Cette page est obsolète et n’est plus tenue à jour. Les informations qu’elle contient peuvent être erronées. Elle est conservée pour son intérêt historique. </p> </div></div> <div class="center">Voir <a href="/wiki/Projet:Infobox/Didacticiel_infobox_avec_des_briques" class="mw-redirect" title="Projet:Infobox/Didacticiel infobox avec des briques">Projet:Infobox/Didacticiel infobox avec des briques </a>.</div> <p>Les <b>infobox standard</b>, ou appelées aussi « V2 », améliorent l'aspect, la simplicité et la flexibilité des infoboxes de Wikipédia. L'intérêt est d'harmoniser l'apparence en utilisant des <a href="#Feuilles_de_style">feuilles de style</a> en cascade et des <a href="#Pictogrammes">pictogrammes</a> thématiques, de <a href="#Créer_une_nouvelle_infobox">simplifier le code</a> et de permettre de fusionner plusieurs modèles en un seul grâce la <a href="#Générécité">généricité</a> ; autrement dit, utiliser le moins de ressources possible et obtenir un produit harmonisé. Pour plus d'informations ou pour faire une demande de fabrication, voir la <a href="/wiki/Discussion_Projet:Infobox/V2" class="mw-redirect" title="Discussion Projet:Infobox/V2">page de discussion</a>. </p><p>Aussi disponibles pour aider, voir les quelques <b><a href="#Exemples">exemples d'infobox standard déjà en ligne</a></b>. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Infobox-jeux-video-charte1.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Infobox-jeux-video-charte1.png/330px-Infobox-jeux-video-charte1.png" decoding="async" width="330" height="278" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Infobox-jeux-video-charte1.png/495px-Infobox-jeux-video-charte1.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Infobox-jeux-video-charte1.png/660px-Infobox-jeux-video-charte1.png 2x" data-file-width="957" data-file-height="806"/></a><figcaption>Charte graphique des Infobox V2 pour les jeux vidéo avec les fonctions du parseur</figcaption></figure> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Conventions_d'harmonisation" data-mw-thread-id="h-Conventions_d'harmonisation"><span id="Conventions_d.27harmonisation"></span><span data-mw-comment-start="" id="h-Conventions_d'harmonisation"></span>Conventions d'harmonisation<span data-mw-comment-end="h-Conventions_d'harmonisation"></span></h2></div> <p>Afin d'obtenir une certaine uniformité d'un modèle à l'autre, veuillez programmer les infobox V2 avec une attention particulière en utilisant les exemples ci-après. </p> <div class="mw-heading mw-heading3"><h3 id="Nommage_et_renommage" data-mw-thread-id="h-Nommage_et_renommage-Conventions_d'harmonisation"><span data-mw-comment-start="" id="h-Nommage_et_renommage-Conventions_d'harmonisation"></span>Nommage et renommage<span data-mw-comment-end="h-Nommage_et_renommage-Conventions_d'harmonisation"></span></h3></div> <p>Dans le cadre du <a href="/wiki/Projet:Mod%C3%A8le/Harmonisation" title="Projet:Modèle/Harmonisation">Projet:Modèle/Harmonisation</a>, il est fortement recommandé de nommer (ou renommer) votre infobox en respectant la nomenclature établie. Ceci relève des <a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_titres" title="Wikipédia:Conventions sur les titres">conventions sur les titres</a>, aussi valables pour les noms de modèles. Voici quelques exemples de ce qu'il faut faire ou non : </p> <ul><li><style data-mw-deduplicate="TemplateStyles:r216721247">.mw-parser-output .texte-bleu{color:var(--color-progressive,#002bb8)}html.skin-theme-clientpref-day .mw-parser-output .texte-bleu{color:#002bb8}</style><span class="texte-bleu">Modèle:Infobox Nom de l'infobox</span> (avec « Infobox » au début, et une majuscule au Nom de l'infobox. Ne pas tronquer de mots.)</li> <li><s><style data-mw-deduplicate="TemplateStyles:r216721251">.mw-parser-output .texte-rouge{color:var(--color-destructive,#ff0000)}html.skin-theme-clientpref-day .mw-parser-output .texte-rouge{color:#ff0000}</style><span class="texte-rouge">Modèle:Nom de l'infobox</span></s> (Toujours commencer avec le mot « Infobox ».)</li> <li><s><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Modèle:Infobox nom de l'infobox</span></s> (Toujours débuter le nom de l'infobox avec une capitale.)</li> <li><s><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Modèle:Infobox Nom De L'InfoBox</span></s> (Ne pas mettre d'autres capitales dans le nom du modèle, sauf pour les noms propres.)</li> <li><s><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Modèle:Infobox Nom infobox</span></s> (Ne pas tronquer des mots, faire une phrase. Mieux vaut un nom de modèle clair qu'un nom trop court.)</li> <li><s><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Modèle:Infobox Name of the infobox</span></s> (Éviter des mots anglophones. Ex : Comicbook, podcast, TV, etc.)</li> <li><s><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Modèle:Infobox Nom du modele</span></s> (Toujours utiliser les accents pour un titre.)</li></ul> <p>En outre, les images qui habillent l'en-tête ont leurs propres conventions de nomenclature, à savoir le titre, les dimensions, l'apparence, etc. Voir les <a href="#Pictogrammes">pictogrammes</a> plus loin. </p> <div class="mw-heading mw-heading3"><h3 id="Paramétrage" data-mw-thread-id="h-Paramétrage-Conventions_d'harmonisation"><span id="Param.C3.A9trage"></span><span data-mw-comment-start="" id="h-Paramétrage-Conventions_d'harmonisation"></span>Paramétrage<span data-mw-comment-end="h-Paramétrage-Conventions_d'harmonisation"></span></h3></div> <p>Il est important de bien nommer vos paramètres. En bref, pas de majuscules, pas d'<a href="/wiki/Acronymie" title="Acronymie">acronymes</a>, pas de diminutifs, pas de pluriel. Il est fortement conseillé aussi d'uniformiser l'emplacement des tubes « | » et des signes <i>égal</i> « = ». </p> <table class="wikitable"> <tbody><tr> <th scope="col" style="background: #dbf8c7;"><span typeof="mw:File"><a href="/wiki/Fichier:Green_pog.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/15px-Green_pog.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/23px-Green_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/30px-Green_pog.svg.png 2x" data-file-width="64" data-file-height="64"/></a></span> <b>À faire</b> </th> <th scope="col" colspan="2"><span typeof="mw:File"><a href="/wiki/Fichier:Red_pog.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/15px-Red_pog.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/23px-Red_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/30px-Red_pog.svg.png 2x" data-file-width="64" data-file-height="64"/></a></span> <b>À éviter</b> </th></tr> <tr> <td style="background: #dbf8c7;"><div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre><span></span>{{Infobox Nom de l'infobox | nom = | image = | légende = | autre = }} </pre></div> </td> <td><div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre><span></span>{{Infobox Nom de l'infobox| nom =| image =| légende =| autre =| }} </pre></div> </td> <td><div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre><span></span>{{Infobox Nom de l'infobox |nom= |img= |lég= |aut= }} </pre></div> </td></tr></tbody></table> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Programmation_des_modèles" data-mw-thread-id="h-Programmation_des_modèles"><span id="Programmation_des_mod.C3.A8les"></span><span data-mw-comment-start="" id="h-Programmation_des_modèles"></span>Programmation des modèles<span data-mw-comment-end="h-Programmation_des_modèles"></span></h2></div> <p><b><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge">Veuillez penser à créer des infoboxes génériques</span></b>, qui incluent plusieurs autres infoboxes du même thème ayant les mêmes paramètres joints sous une charte graphique. Il existe plusieurs façons de programmer une infobox, mais nous vous conseillons tout de même quelques règles : </p> <ul><li>pour éviter la prolifération d'infoboxes aux paramètres similaires, il est suggéré de créer des infoboxes génériques en utilisant la fonction {{#switch}} du <a href="https://www.mediawiki.org/wiki/Extension:ParserFunctions/Help/fr" class="extiw" title="mw:Extension:ParserFunctions/Help/fr">parseur</a>. Puis fusionnez les mêmes paramètres qui seront inclus d'une infobox à l'autre (voir <a href="/wiki/Mod%C3%A8le:Infobox_Subdivision_administrative" title="Modèle:Infobox Subdivision administrative">{{Infobox Subdivision administrative}}</a> pour un exemple de <a href="/wiki/Mod%C3%A8le:Infobox_Commune_de_France" title="Modèle:Infobox Commune de France">sous-page d'infobox générique</a>) ;</li> <li>évitez de faire apparaître les paramètres non renseignés.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Programmation_d'une_infobox_sans_briques" data-mw-thread-id="h-Programmation_d'une_infobox_sans_briques-Programmation_des_modèles"><span id="Programmation_d.27une_infobox_sans_briques"></span><span data-mw-comment-start="" id="h-Programmation_d'une_infobox_sans_briques-Programmation_des_modèles"></span>Programmation d'une infobox sans briques<span data-mw-comment-end="h-Programmation_d'une_infobox_sans_briques-Programmation_des_modèles"></span></h3></div> <div class="NavFrame" style="clear:both; margin-bottom:1em; border-style:solid; background-color:var(--background-color-base, #fff);" title="[afficher]/[masquer]"> <div class="NavHead" style="text-align:center; min-height:1.6em; color:var(--color-emphasized, #000);">Programmation obsolète</div> <div class="NavContent" style="margin:0; color:var(--color-base, #202122); display:block; text-align:left;"> <div class="mw-heading mw-heading4"><h4 id="Exemple_type_de_programmation" data-mw-thread-id="h-Exemple_type_de_programmation-Programmation_d'une_infobox_sans_briques"><span data-mw-comment-start="" id="h-Exemple_type_de_programmation-Programmation_d'une_infobox_sans_briques"></span>Exemple type de programmation<span data-mw-comment-end="h-Exemple_type_de_programmation-Programmation_d'une_infobox_sans_briques"></span></h4></div> <p>Toutes les infobox se composent de deux parties que sont l'en-tête et le contenu. </p> <ul><li><b>L'en-tête</b> (ou <i>head</i>), constitué d'un rectangle épais dont la couleur est modulable. L'en-tête contient le titre de l'infobox, qui est l'élément le plus important et que l'internaute doit repérer et appréhender d'un seul coup d'œil. Ce rectangle contient un pictogramme personnalisé (<a class="mw-selflink-fragment" href="#Pictogrammes">voir les pictogrammes existants</a>), fonction du domaine de l'infobox (des notes pour le domaine de la musique, une pellicule pour le domaine du cinéma...). La couleur de l'en-tête ainsi que le pictogramme servent à établir une charte graphique pour un domaine donné.</li></ul> <p>Exemple d'un en-tête par défaut : </p> <pre>! colspan="2" class="entete defaut" style="background-color:orange;color:#000000" | {{{nom|{{PAGENAME}}}}} |- </pre> <ul><li><b>Le contenu</b>, qui peut contenir des sous-titres éventuels (rectangles colorés moins denses que l'en-tête) et les informations à proprement parler. Pour un aspect moderne et sobre, le texte est ferré (aligné) à gauche et il est graissé (en gras) dans la colonne de gauche. Les traits de séparations, si possible non colorisés, sont restreints en n'étant utilisés que pour séparer les grandes classes d'informations.</li></ul> <p>Exemple d'un sous-titre obligatoire : </p> <pre>! colspan="2" style="text-align:center;background-color:#dfffdd;color:#ffffff" | Démographie |- </pre> <p>Exemple d'un sous-titre optionnel : </p> <pre>{{#if: {{{paramètre 1|}}} | ! colspan="2" style="text-align:center;background-color:#dfffdd;color:#ffffff" {{!}} Démographie {{!-}} }} </pre> <p>Exemple d'une ligne mixte obligatoire : </p> <pre>! scope=row | Paramètre 1 | {{{paramètre 1|}}} |- </pre> <p>Exemple d'une ligne mixte optionnelle : </p> <pre>{{#if:{{{paramètre 1|}}} | ! scope=row {{!}} Paramètre 1 {{!}} {{{paramètre 1|}}} {{!-}} }} </pre> <p>Exemple d'un trait de séparation obligatoire : </p> <pre>! colspan="2" | <hr /> |- </pre> <p>Exemple d'un trait de séparation optionnel : </p> <pre>{{#if: {{{image|}}} | {{!}} colspan="2" {{!}} <hr /> {{!-}} }} </pre> <dl><dt>Exemple d'un modèle d'infobox</dt></dl> <div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre><span></span>{| class="infobox_v2" cellspacing="7" | colspan="2" class="entete defaut" style="background-color:#8C8C8C;" | {{#if:{{{nom|}}} | {{{nom|}}} | {{PAGENAME}} }} |- {{#if:{{{image|}}} | {{!}} colspan="2" style="text-align:center;" {{!}} [[Fichier:{{{image|}}}|280px]] {{#if:{{{légende|}}}|<br /><small>{{{légende|}}}</small>}} <hr /> {{!-}} }} {{#if:{{{paramètre 1|}}} | ! scope=row {{!}} Paramètre 1 {{!}} {{{paramètre 1|}}} {{!-}} }} {{#if:{{{paramètre 2|}}} | ! scope=row {{!}} Paramètre 2 {{!}} {{{paramètre 2|}}} {{!-}} }} |} </pre></div> <div class="mw-heading mw-heading4"><h4 id="Mise_à_jour_d'une_programmation" data-mw-thread-id="h-Mise_à_jour_d'une_programmation-Programmation_d'une_infobox_sans_briques"><span id="Mise_.C3.A0_jour_d.27une_programmation"></span><span data-mw-comment-start="" id="h-Mise_à_jour_d'une_programmation-Programmation_d'une_infobox_sans_briques"></span>Mise à jour d'une programmation<span data-mw-comment-end="h-Mise_à_jour_d'une_programmation-Programmation_d'une_infobox_sans_briques"></span></h4></div> <p>Afin de mettre à jour une ancienne infobox, il faut considérer trois aspects avec attention : la généricité de l'infobox (fusion), le(s) nouveau(x) nom(s) de(s) modèle(s) et les nouveaux paramètres. </p> <dl><dt>Étape 1 - Considérer la généricité (la fusion)</dt></dl> <ul><li>Avant de mettre à jour une ancienne infobox, demandez-vous si d'autres infoboxes pourraient partager les mêmes paramètres et fusionner ensemble. Avec une charte, vous pourrez différencier les déclinaisons et imposer la charte voulue suivant le thème. Exemple des paramètres avec le cinéma (film) : <i>nom</i>, <i>titre</i>, <i>film</i> peuvent tous partager le même paramètre : <i>titre</i>.</li> <li>Une fois les infobox similaires identifiées, rassembler les paramètres fusionnés dans le codage. Ici, nous fusionnons <i>titre</i> et <i>film</i> sous « nom », <i>photo</i> sous « image », <i>vieux</i> et <i>ancien</i> sous « paramètre ». Cette technique aura pour effet de rediriger toutes les anciennes infoboxes vers la nouvelle et que tous les paramètres puissent être pris en compte.</li></ul> <div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre><span></span>{| class="infobox_v2" cellspacing="7" | colspan="2" class="entete defaut" style="background-color:rgb({{{charte}}});" | {{#if: {{{titre|{{{film|{{{nom|}}}}}}}}} | {{{titre|{{{film|{{{nom|}}}}}}}}} }} |- {{#if:{{{photo|{{{image|}}}}}} | ! colspan="2" style="text-align:center;" {{!}} {{{photo|{{{image|}}}}}} {{!-}} }} {{#if:{{{vieux 1|{{{ancien 1|{{{paramètre 1|}}}}}}}}} | ! scope=row {{!}} Paramètre 1 {{!}} {{{vieux 1|{{{ancien 1|{{{paramètre 1|}}}}}}}}} {{!-}} }}  {{#if:{{{vieux 2|{{{ancien 2|{{{paramètre 2|}}}}}}}}} | ! scope=row {{!}} Paramètre 2 {{!}} {{{vieux 2|{{{ancien 2|{{{paramètre 2|}}}}}}}}} {{!-}} }} {{#if:{{{ancien 3|{{{paramètre 3|}}}}}} | ! scope=row {{!}} Paramètre 3 {{!}} {{{ancien 3|{{{paramètre 3|}}}}}} {{!-}} }} |} </pre></div> <dl><dt>Étape 2 - Considérer le(s) nouveau(x) nom(s) de(s) modèle(s)</dt></dl> <ul><li>Pour des raisons d'allégement et d'ordre alphabétique dans l'<span class="plainlinks"><a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Toutes_les_pages&from=Infobox&namespace=10">espace de noms Modèle</a></span>, il est fortement conseillé de choisir des noms qui respectent non seulement les <a href="#Conventions_d'harmonisation">conventions d'harmonisation</a>, mais aussi une logique alphabétique. Par exemple, pour remplacer les anciennes infoboxes <i>Films</i>, <i>Métrages</i>, <i>Acteurs</i>, <i>Cinéma</i>, <i>Ciné-caméras</i>, <i>Ciné-projecteur</i> :</li></ul> <dl><dd><dl><dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (charte)</span> (pour définir la charte des couleurs entre les infobox)</dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (film)</span> (fusion des infobox <i>Métrages</i>, <i>Films</i>, <i>Films documentaires</i>, <i>Films musicaux</i>)</dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (personnalité)</span> (fusion des infobox <i>Acteurs</i>, <i>Actrices</i>, <i>Doublures</i>, <i>Producteurs</i>, <i>Réalisateurs</i>, etc.)</dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (salle)</span> (fusion des infobox <i>Cinémas</i>, <i>Cinéparcs</i>, <i>Cinéplex</i>, etc.)</dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (caméra)</span></dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721247"><span class="texte-bleu">Modèle:Infobox Cinéma (projecteur)</span></dd></dl></dd></dl> <dl><dt>Étape 3 - Requête d'implantation par un robot</dt></dl> <ul><li>Lorsque les anciens paramètres ont été fusionnés dans les nouvelles infobox, il est possible de <a href="/wiki/Aide:Redirection" title="Aide:Redirection">rediriger</a> les modèles obsolètes vers la nouvelle infobox. Si tous les anciens paramètres ont bien été intégrés, l'implantation de la nouvelle infobox peut être faite sans erreurs de paramétrage.</li> <li>Finalement, une requête à un robot peut être faite. Pour ce faire, il faut fournir au dresseur de bot les anciens / nouveaux paramètres et le nom des anciennes / nouvelles infobox. Pour cette étape, <a href="/wiki/Utilisateur:EDUCA33E" title="Utilisateur:EDUCA33E">Educa33</a> <a href="/wiki/Discussion_utilisateur:EDUCA33E" title="Discussion utilisateur:EDUCA33E"><span style="color:darkorange">e</span></a> est passé maître dans l'art d'implanter ces changements.</li></ul> <div class="mw-heading mw-heading4"><h4 id="Autres_considérations" data-mw-thread-id="h-Autres_considérations-Programmation_d'une_infobox_sans_briques"><span id="Autres_consid.C3.A9rations"></span><span data-mw-comment-start="" id="h-Autres_considérations-Programmation_d'une_infobox_sans_briques"></span>Autres considérations<span data-mw-comment-end="h-Autres_considérations-Programmation_d'une_infobox_sans_briques"></span></h4></div> <p>Voici d'autres conseils en rafale pour hamoniser les infobox V2. </p> <div class="mw-heading mw-heading5"><h5 id="Liens_de_documentation_et_de_modification" data-mw-thread-id="h-Liens_de_documentation_et_de_modification-Autres_considérations"><span data-mw-comment-start="" id="h-Liens_de_documentation_et_de_modification-Autres_considérations"></span>Liens de documentation et de modification<span data-mw-comment-end="h-Liens_de_documentation_et_de_modification-Autres_considérations"></span></h5></div> <p>Bien qu'il n'existe pas de règles qui imposent l'ajout de liens dans les infobox permettant de consulter la documentation ou d'accéder directement à la page de programmation du modèle, il est cependant possible d'utiliser le modèle <a href="/wiki/Mod%C3%A8le:Infodoc" title="Modèle:Infodoc">{{Infodoc}}</a>. Pour les infobox de longues tailles, l'ajout de ce modèle dans l'infobox n'est pas systématique. Pour ce qui est de la couleur, il est recommandé d'utiliser la couleur AAAAAA, qui est la même couleur utilisée pour les traits de séparation. Pour inclure ces liens dans une infobox, ajoutez le code suivant : </p> <pre>{{Infodoc|colspan=2|couleur=AAAAAA|lien=Infobox Nom de l'infobox}} </pre> <div class="mw-heading mw-heading5"><h5 id="Paramètre_image" data-mw-thread-id="h-Paramètre_image-Autres_considérations"><span id="Param.C3.A8tre_image"></span><span data-mw-comment-start="" id="h-Paramètre_image-Autres_considérations"></span>Paramètre image<span data-mw-comment-end="h-Paramètre_image-Autres_considérations"></span></h5></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir aussi : <a href="/wiki/Wikip%C3%A9dia:Sondage/Infobox_de_collectivit%C3%A9s_territoriales_et_leurs_param%C3%A8tres_images" title="Wikipédia:Sondage/Infobox de collectivités territoriales et leurs paramètres images">Sondage Infobox de collectivités territoriales et leurs paramètres images</a>.</div></div> <p>Les photos, logos et autres images devraient toujours apparaître au minimum sous la forme paramétrée <code>[[Fichier:{{{image|}}}]]</code> et non pas <code>{{{image|}}}</code>. On ne doit permettre que la saisie d'un nom d'image dans la syntaxe. On peut éventuellement rendre la taille des images adaptables en ajoutant un paramètre tel que <code>[[Fichier:{{{image|}}}|{{{taille image|}}}px]]</code>, ou alors fixer la taille directement au sein du modèle tel que <code>[[Fichier:{{{image|}}}|280px]]</code>. Dans tous les cas, les images ne doivent pas dépasser 280 pixels de largeur. </p><p>Exemple d'un paramètre image optionnel avec une taille formatée et son paramètre légende : </p> <pre>{{#if: {{{image|}}} | ! colspan="2" align="center" {{!}} [[Fichier:{{{image|}}}|280px|{{{légende|}}}]] <br /><small>{{{légende|}}}</small> {{!-}} }} </pre> <p>Exemple d'un paramètre image optionnel avec une taille formatée, son paramètre légende et un lien d'ajout d'image par défaut : </p> <pre>| colspan="2" align="center"| {{#if:{{{image|}}}| [[Fichier:{{{image}}}|280px|{{{légende}}}]] <br /><small>{{{légende|}}}</small>|[[Aide:Importer un fichier|Ajouter une image]]}} |- </pre> <p>Exemple d'un paramètre image optionnel dont la taille n'est pas formatée et son paramètre légende : </p> <pre>{{#if:{{{image|}}}| {{!}} colspan="2" align="center" {{!}} [[Fichier:{{{image|}}}|{{#if:{{{image-taille|}}}|{{{image-taille}}}|280}}px|{{{légende|}}}]] <br /><small>{{#if:{{{légende|}}}|{{{légende|}}}|Vue de mon image}}</small> {{!-}} }} </pre> <p>Exemple d'un paramètre image optionnel dont la taille n'est pas formatée mais dont une valeur plafond maximale (dans l'exemple 220 pixels) est imposée, et son paramètre légende : </p> <pre>{{#if:{{{image|}}}| {{!}} colspan="2" align="center" {{!}} [[Fichier:{{{image|}}}| {{#if:{{{image-taille|}}}|{{#switch: {{#expr: {{{image-taille|}}} <= 220}}|1={{{image-taille|}}}|0=220}} |220}}px|{{{légende|}}}]] {{#if:{{{image-taille|}}}|{{#switch: {{#expr: {{{image-taille|}}} <= 220}}|1=|0=<br /><font color="red">'''La taille de l'image doit être modifiée, celle-ci ne doit pas dépasser 220 pixels.'''</font>}}}}{{#if:{{{légende|}}}|<br /><small>{{{légende|}}}</small>|<br /><small>Vue de mon image</small>}} {{!-}} }} </pre> <div class="mw-heading mw-heading5"><h5 id="Paramètre_site_Web" data-mw-thread-id="h-Paramètre_site_Web-Autres_considérations"><span id="Param.C3.A8tre_site_Web"></span><span data-mw-comment-start="" id="h-Paramètre_site_Web-Autres_considérations"></span>Paramètre site Web<span data-mw-comment-end="h-Paramètre_site_Web-Autres_considérations"></span></h5></div> <p>Suivant les situations, on souhaite parfois ajouter un paramètre <i>site web</i>. Il s'agit ici de renseigner sur le site officiel du sujet de l'article et uniquement de celui-ci. En aucun cas, ce paramètre ne doit remplacer la section <i>Liens externes</i> de l'article. Le paramètre site web doit toujours être facultatif. Pour inclure un paramètre site Web dans une infobox, ajoutez le code suivant : </p> <pre>{{#if:{{{site web|}}} | ! scope=row {{!}} Site Internet {{!}} <span class="plainlinks">[{{{site web}}} Site officiel]</span> {{!-}} }} </pre> <div class="mw-heading mw-heading5"><h5 id="Paramètre_de_géolocalisation" data-mw-thread-id="h-Paramètre_de_géolocalisation-Autres_considérations"><span id="Param.C3.A8tre_de_g.C3.A9olocalisation"></span><span data-mw-comment-start="" id="h-Paramètre_de_géolocalisation-Autres_considérations"></span>Paramètre de géolocalisation<span data-mw-comment-end="h-Paramètre_de_géolocalisation-Autres_considérations"></span></h5></div> <p>Il existe de nombreux systèmes de géolocalisation pouvant être inclus dans les infobox. La mise en place d'une géolocalisation peut se faire de différentes façons. Suivant les situations, vous pouvez notamment mettre en place une géolocalisation double ; pour en savoir plus, voir <a href="/wiki/Aide:Tutoriel_de_g%C3%A9olocalisation_double" class="mw-redirect" title="Aide:Tutoriel de géolocalisation double">Aide:Tutoriel de géolocalisation double</a>. À présent, voici un exemple par étapes, où l'on fait appel dans l'infobox à un autre modèle qui est <a href="/w/index.php?title=Mod%C3%A8le:Carte_avec_g%C3%A9olocalisation_dans_l%27infobox&action=edit&redlink=1" class="new" title="Modèle:Carte avec géolocalisation dans l'infobox (page inexistante)">{{Carte avec géolocalisation dans l'infobox}}</a>. Cet exemple n'en est qu'un parmi d'autres. </p> <dl><dt>Étape 1 - Trouver un modèle de géolocalisation</dt></dl> <p>Pour mettre en place votre géolocalisation, vous devez d'abord chercher s'il existe un modèle de géolocalisation pour l'espace géographique qui vous intéresse. Pour se faire, vous pouvez consulter la <a href="/wiki/Cat%C3%A9gorie:Mod%C3%A8le_de_param%C3%A9trage_de_carte" title="Catégorie:Modèle de paramétrage de carte">Catégorie:Modèle de paramétrage de carte</a> ou encore par exemple <a href="/wiki/Cat%C3%A9gorie:Mod%C3%A8le_de_param%C3%A9trage_de_carte_de_pays" title="Catégorie:Modèle de paramétrage de carte de pays">Catégorie:Modèle de paramétrage de carte de pays</a>... Si aucun modèle de géolocalisation pour un lieux précis n'existe alors vous devrez pralablement faire une demande de création de modèle de géolocalisation au <a href="/wiki/Projet:Cartographie" title="Projet:Cartographie">Projet:Cartographie</a>. </p> <dl><dt>Étape 2 - Création des paramètres longitude et latitude</dt></dl> <p>Sur le modèle d'infobox, vous devez ajouter deux nouveaux paramètres que vous pouvez appeler respectivement « longitude » et « latitude ». Ceux-ci permettront l'ajout en décimal des longitude et latitude d'un lieu afin de le situer géographiquement. Pour ce faire, ajoutez par exemple l'un des paramètres suivants dans votre infobox : </p><p>Exemple d'un paramètre obligatoire : </p> <pre>! scope=row | [[Coordonnées géographiques|Coordonnées]] | {{#if:{{{latitude|}}} | {{#if:{{{longitude|}}} | {{coord|{{{latitude|}}}|{{{longitude|}}}|type:city_region:FR|format=dms long}} }} }} |- </pre> <p>Exemple d'un paramètre optionnel : </p> <pre>{{#if: {{{latitude|}}}|{{#if: {{{longitude|}}} | ! scope=row {{!}} [[Coordonnées géographiques|Coordonnées]] {{!}} {{#if:{{{latitude|}}} | {{#if:{{{longitude|}}} | {{coord|{{{latitude|}}}|{{{longitude|}}}|type:city_region:FR|format=dms long}} }} }} {{!-}} }}}} </pre> <dl><dt>Étape 2 - Inclusion du modèle de géolocalisation</dt></dl> <p>À présent, il ne reste plus qu'à inclure le modèle de géolocalisation <a href="/w/index.php?title=Mod%C3%A8le:Carte_avec_g%C3%A9olocalisation_dans_l%27infobox&action=edit&redlink=1" class="new" title="Modèle:Carte avec géolocalisation dans l'infobox (page inexistante)">{{Carte avec géolocalisation dans l'infobox}}</a>, dans l'infobox. Pour ce faire, vous pouvez, par exemple, ajouter le paramètre suivant : </p> <pre>{{#if: {{#ifexpr: {{{latitude}}} AND {{{longitude}}} }} | | {{!}}- {{!}} colspan="2" align="center" style="padding: 1 1 1 1;" {{!}} {{Carte avec géolocalisation dans l'infobox|carte=Royaume-Uni|latitude={{{latitude}}}|longitude={{{longitude}}}|texte={{#if:{{{nom|}}}|{{{nom}}}|{{PAGENAME}}}}|arg1=1{{{statut|4}}}|largeur=200}}<br/><small>{{{carte-legende|Localisation de {{#if:{{{nom|}}}|{{{nom}}}|{{PAGENAME}}}} au sein du Royaume-Uni}}}</small> {{!-}} }} </pre> <p>Voilà à présent votre infobox dispose d'un système de géolocalisation automatisé. Si les paramètres longitudes et latitudes ne sont pas remplis alors aucune carte de géolocalistaion n’apparaîtra dans l'infobox. </p> </div> <div class="NavEnd"> </div> </div> <div class="mw-heading mw-heading3"><h3 id="Programmation_d'une_infobox_avec_des_briques" data-mw-thread-id="h-Programmation_d'une_infobox_avec_des_briques-Programmation_des_modèles"><span id="Programmation_d.27une_infobox_avec_des_briques"></span><span data-mw-comment-start="" id="h-Programmation_d'une_infobox_avec_des_briques-Programmation_des_modèles"></span>Programmation d'une infobox avec des briques<span data-mw-comment-end="h-Programmation_d'une_infobox_avec_des_briques-Programmation_des_modèles"></span></h3></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Projet:Infobox/Didacticiel_infobox_avec_des_briques" class="mw-redirect" title="Projet:Infobox/Didacticiel infobox avec des briques">Projet:Infobox/Didacticiel infobox avec des briques</a>.</div></div> <p>Pour les modèles d'infobox ne demandant pas de fonctions complexes particulières, il est recommandé d'utiliser des briques pour la programmation d'une nouvelle infobox ou pour la mise à jour d'une ancienne infobox. Les briques sont un ensemble de modèles permettant, par leur association au moyen de différentes combinaisons, la mise en place de modèles d'infobox. L'enjeu ici est de simplifier la programmation des modèles d'infobox, mais également d'améliorer l'accessibilité ainsi que l'harmonisation des infobox. </p> <div class="mw-heading mw-heading3"><h3 id="Programmation_d'une_infobox_modulaire" data-mw-thread-id="h-Programmation_d'une_infobox_modulaire-Programmation_des_modèles"><span id="Programmation_d.27une_infobox_modulaire"></span><span data-mw-comment-start="" id="h-Programmation_d'une_infobox_modulaire-Programmation_des_modèles"></span>Programmation d'une infobox modulaire<span data-mw-comment-end="h-Programmation_d'une_infobox_modulaire-Programmation_des_modèles"></span></h3></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Projet:Infobox/Didacticiel_infobox_modulaire" title="Projet:Infobox/Didacticiel infobox modulaire">Projet:Infobox/Didacticiel infobox modulaire</a>.</div></div> <p>Suivant les souhaits, une infobox V2 peut faire appel à plusieurs sous-modèles. Le code de l'infobox n'est donc plus centralisé sur une seule page mais sur plusieurs. La construction d'une infobox V2 modulaire consiste à encapsuler entre <b>{{}}</b> tout ou partie du code d'une infobox dans un ou plusieurs sous-modèles. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Charte_graphique_des_Infobox_V2" data-mw-thread-id="h-Charte_graphique_des_Infobox_V2"><span data-mw-comment-start="" id="h-Charte_graphique_des_Infobox_V2"></span>Charte graphique des Infobox V2<span data-mw-comment-end="h-Charte_graphique_des_Infobox_V2"></span></h2></div> <div class="mw-heading mw-heading3"><h3 id="Esthétique_générale" data-mw-thread-id="h-Esthétique_générale-Charte_graphique_des_Infobox_V2"><span id="Esth.C3.A9tique_g.C3.A9n.C3.A9rale"></span><span data-mw-comment-start="" id="h-Esthétique_générale-Charte_graphique_des_Infobox_V2"></span>Esthétique générale<span data-mw-comment-end="h-Esthétique_générale-Charte_graphique_des_Infobox_V2"></span></h3></div> <p>Les infobox V2 se veulent modernes sans toutefois sombrer dans les dérives de l'esthétique du « Web 2.0 » à savoir ombres, reflets, 3D... Ce sont des tableaux au fond gris clair, aérés, sans autres bordures que le cadre gris général de la boîte. </p><p><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r216721251"><span class="texte-rouge"><b>Important</b> : les infobox V2 est un projet d'harmonisation et uniformisation des infoboxes de Wikipédia. Veuillez respecter le style de base actuellement proposé, sans faire aucune modification personnalisée dans un modèle spécifique. Si vous avez des suggestions pour l'amélioration du style, veuillez les proposer d'abord <a href="/wiki/Discussion_Projet:Infobox/V2" class="mw-redirect" title="Discussion Projet:Infobox/V2">sur la page de discussion</a>.</span> </p> <div class="mw-heading mw-heading3"><h3 id="Usage_des_couleurs_dans_les_titres_et_les_sous-titres" data-mw-thread-id="h-Usage_des_couleurs_dans_les_titres_et_les_sous-titres-Charte_graphique_des_Infobox_V2"><span data-mw-comment-start="" id="h-Usage_des_couleurs_dans_les_titres_et_les_sous-titres-Charte_graphique_des_Infobox_V2"></span>Usage des couleurs dans les titres et les sous-titres<span data-mw-comment-end="h-Usage_des_couleurs_dans_les_titres_et_les_sous-titres-Charte_graphique_des_Infobox_V2"></span></h3></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir aussi : <a href="/wiki/Aide:Accessibilit%C3%A9_des_couleurs" title="Aide:Accessibilité des couleurs">Aide:Accessibilité des couleurs</a>.</div></div> <div class="mw-heading mw-heading4"><h4 id="Optimiser_le_contraste_entre_le_fond_et_le_texte" data-mw-thread-id="h-Optimiser_le_contraste_entre_le_fond_et_le_texte-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"><span data-mw-comment-start="" id="h-Optimiser_le_contraste_entre_le_fond_et_le_texte-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"></span>Optimiser le contraste entre le fond et le texte<span data-mw-comment-end="h-Optimiser_le_contraste_entre_le_fond_et_le_texte-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"></span></h4></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir aussi : <a href="/wiki/Mod%C3%A8le:Conseil_contraste_entre_couleur_hexad%C3%A9cimal_et_noir_ou_blanc" title="Modèle:Conseil contraste entre couleur hexadécimal et noir ou blanc">Modèle:Conseil contraste entre couleur hexadécimal et noir ou blanc</a>.</div></div> <p>Dans un souci d'accessibilité, il est important que la couleur du fond des titres et des sous-titres soit bien contrastée avec la couleur du texte des titres et des sous-titres. Un bon contraste permet, entre autres choses, aux malvoyants de mieux distinguer les caractères. Il est préférable d'utiliser uniquement comme couleurs de texte le blanc ou le noir. Il faut éviter des textes d'autres couleurs telles que le rouge, le bleu, le vert... Il est recommandé de rédiger les couleurs en <a href="/wiki/Couleurs_du_Web#Triplet_hexadécimal" class="mw-redirect" title="Couleurs du Web">triplet hexadécimal</a> tel que #FFFFFF, #000000... plutôt que de donner leur nom en anglais comme <i>yellow</i>, <i>black</i>... Une couleur rédigée en triplet hexadécimal peut facilement être gérée par des modèles automatisés. Voici ci-après deux exemples de bon et de mauvais contraste : </p> <table class="centre"> <tbody><tr> <th scope="col" style="background: #dbf8c7;"><span typeof="mw:File"><a href="/wiki/Fichier:Green_pog.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/15px-Green_pog.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/23px-Green_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/30px-Green_pog.svg.png 2x" data-file-width="64" data-file-height="64"/></a></span> <b>À faire</b> </th> <th scope="col" colspan="2"><span typeof="mw:File"><a href="/wiki/Fichier:Red_pog.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/15px-Red_pog.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/23px-Red_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/30px-Red_pog.svg.png 2x" data-file-width="64" data-file-height="64"/></a></span> <b>À éviter</b> </th></tr> <tr> <td style="background: #dbf8c7; padding-right:1em;"> <p class="mw-empty-elt"> </p> <table class="infobox_v2 infobox infobox--frwiki noarchive"> <tbody><tr> <td colspan="2" class="entete map" style="background-color:#E1E1E1;color:#000000;">Votre titre ici<style data-mw-deduplicate="TemplateStyles:r151886662">.mw-parser-output .entete.map{background-image:url("//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png")}</style> </td></tr> <tr><th colspan="2" style="padding:4px; text-align:center; background-color:#E1E1E1; color:#000000">Sous-titre</th></tr> <tr class="mw-empty-elt"> </tr></tbody></table> </td> <td> <p class="mw-empty-elt"> </p> <table class="infobox_v2 infobox infobox--frwiki noarchive"> <tbody><tr> <td colspan="2" class="entete map" style="background-color:#E1E1E1;color:#FFFFFF;">Votre titre ici<link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r151886662"> </td></tr> <tr><th colspan="2" style="padding:4px; text-align:center; background-color:#E1E1E1; color:#FFFFFF">Sous-titre</th></tr> <tr class="mw-empty-elt"> </tr></tbody></table> </td></tr></tbody></table> <div class="mw-heading mw-heading4"><h4 id="Paramètres_de_changement_de_couleurs" data-mw-thread-id="h-Paramètres_de_changement_de_couleurs-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"><span id="Param.C3.A8tres_de_changement_de_couleurs"></span><span data-mw-comment-start="" id="h-Paramètres_de_changement_de_couleurs-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"></span>Paramètres de changement de couleurs<span data-mw-comment-end="h-Paramètres_de_changement_de_couleurs-Usage_des_couleurs_dans_les_titres_et_les_sous-titres"></span></h4></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir aussi : <a href="/wiki/Wikip%C3%A9dia:Sondage/Param%C3%A8tres_de_changement_de_couleurs_dans_les_infobox" title="Wikipédia:Sondage/Paramètres de changement de couleurs dans les infobox">Sondage Paramètres de changement de couleurs dans les infobox</a>.</div></div> <p>Dans la majorité des cas, les infoboxes ont des couleurs fixes, définies, une seule et unique fois depuis la page du modèle, par les modélistes. Avoir des couleurs fixes est vivement recommandé. Cela permet de limiter les risques de conflits d'édition sur les articles entre plusieurs utilisateurs qui voudraient pour les uns une couleur et pour les autres une autre couleur. On limite également les risques de mauvais contraste entre les couleurs du fond et du texte des titres et des sous-titres. Pour autant, pour des raisons spécifiques et surtout historique au site Wikipédia, il est parfois autorisé aux utilisateurs de pouvoir modifier les couleurs des titres et des sous-titres, directement depuis les articles. Pour ce faire, il existe plusieurs méthodes, parmis lesquelles on peut citer les suivantes : </p> <ul><li><b>Création de paramètres d'ajout de couleurs</b>, en ajoutant des paramètres de changement de couleur pour le fond et le texte des titres et des sous-titres. Les couleurs sont laissées au libre choix des utilisateurs depuis les articles sans aucunes restrictions (par exemple, <a href="/wiki/Mod%C3%A8le:Infobox_Club_sportif" title="Modèle:Infobox Club sportif">{{Infobox Club sportif}}</a>).</li> <li><b>Création d'une charte et d'un paramètre sélecteur</b> afin de contrôler la charte graphique des titres et sous-titres (voir <a href="/wiki/Mod%C3%A8le:Infobox_Musique_(artiste)" title="Modèle:Infobox Musique (artiste)">{{Infobox Musique (artiste)}}</a> pour un exemple de <a href="/wiki/Module:Chartes/donn%C3%A9es" title="Module:Chartes/données">charte graphique générique</a>.).</li></ul> <p><br/> </p> <div style="padding:0.15em; margin:0.3em 0; font-style:italic; background-color:Pink;"><div class="metadata bandeau-cell bandeau-icone"><span typeof="mw:File"><a href="/wiki/Fichier:OOjs_UI_icon_alert-destructive.svg" class="mw-file-description"><img alt="Attention" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_alert-destructive.svg/40px-OOjs_UI_icon_alert-destructive.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_alert-destructive.svg/60px-OOjs_UI_icon_alert-destructive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_alert-destructive.svg/80px-OOjs_UI_icon_alert-destructive.svg.png 2x" data-file-width="20" data-file-height="20"/></a></span></div><div class="bandeau-cell"><b>Important</b> : D'après un sondage du 7 janvier 2010 (voir <a href="/wiki/Wikip%C3%A9dia:Sondage/Param%C3%A8tres_de_changement_de_couleurs_dans_les_infobox" title="Wikipédia:Sondage/Paramètres de changement de couleurs dans les infobox">Wikipédia:Sondage/Paramètres de changement de couleurs dans les infobox</a>), une forte majorité de wikipédiens sont opposées à l'ajout de paramètres permettant de modifier la couleur du fond et du texte du titre et des sous-titres dans les infoboxes. Il est donc fortement déconseillé de créer des paramètres de changement de couleurs.</div></div> <div class="mw-heading mw-heading3"><h3 id="Pictogrammes" data-mw-thread-id="h-Pictogrammes-Charte_graphique_des_Infobox_V2"><span data-mw-comment-start="" id="h-Pictogrammes-Charte_graphique_des_Infobox_V2"></span>Pictogrammes<span data-mw-comment-end="h-Pictogrammes-Charte_graphique_des_Infobox_V2"></span></h3></div> <div class="mw-heading mw-heading4"><h4 id="Présentation_des_pictogrammes" data-mw-thread-id="h-Présentation_des_pictogrammes-Pictogrammes"><span id="Pr.C3.A9sentation_des_pictogrammes"></span><span data-mw-comment-start="" id="h-Présentation_des_pictogrammes-Pictogrammes"></span>Présentation des pictogrammes<span data-mw-comment-end="h-Présentation_des_pictogrammes-Pictogrammes"></span></h4></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir tous les pictogrammes <a href="https://commons.wikimedia.org/wiki/Category:Infobox_pictograms" class="extiw" title="commons:Category:Infobox pictograms">sur Commons</a>.</div></div> <p>Initiés par <a href="/wiki/Utilisateur:JSDX" title="Utilisateur:JSDX"><span title="page utilisateur du compte JSDX">JSDX</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:JSDX" title="Discussion utilisateur:JSDX"><abbr class="abbr" title="page de discussion du compte JSDX">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/JSDX" title="Spécial:Contributions/JSDX"><abbr class="abbr" title="contributions du compte JSDX">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:JSDX"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte JSDX">b</abbr></span></a>)</small>, les pictogrammes permettent à l'internaute de repérer d'un coup d'œil sur quel type d'article l'utilisateur se trouve. Ils améliorent ainsi l'ergonomie générale de l'encyclopédie et délimitent les chartes graphiques à un domaine donné (par exemple, les notes de musiques scellent la charte graphique des articles musicaux). </p><p>Il serait tentant de produire des centaines de pictogrammes pour chacun des types d'articles, mais pour des raisons d'ergonomie et de lourdeur des CSS, il est préférable de s'en tenir aux grands thèmes, tels que musique (notes), cinéma (pellicule), sport (anneaux olympiques), communication (antenne émétrice). L'idée est d'indiquer au visiteur le type d'article en un clin d'œil, et non de générer une liste incalculable de pictogrammes. Trop de pictos tuent les pictos ! </p><p>Les pictogrammes répondent à plusieurs principes : </p> <ul><li>Hauteur fixe de 45 pixels ;</li> <li>Semi-transparents ;</li> <li>Codés en <a href="/wiki/Portable_Network_Graphics" title="Portable Network Graphics">PNG</a> 24 bits pour gérer les différents degrés de transparence ;</li> <li>Conçus pour être alignés à droite de l'en-tête des infoboxes.</li></ul> <div class="mw-heading mw-heading4"><h4 id="Pictogrammes_dans_la_feuille_de_styles" data-mw-thread-id="h-Pictogrammes_dans_la_feuille_de_styles-Pictogrammes"><span data-mw-comment-start="" id="h-Pictogrammes_dans_la_feuille_de_styles-Pictogrammes"></span>Pictogrammes dans la feuille de styles<span data-mw-comment-end="h-Pictogrammes_dans_la_feuille_de_styles-Pictogrammes"></span></h4></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Voir <a href="/wiki/Projet:Infobox/Pictogramme" title="Projet:Infobox/Pictogramme">les pictogrammes disponible sur Wikipédia en français</a>.</div></div> <p>La nomenclature des pictogrammes doit respecter la convention des noms d'images pour les Infobox V2 : <i>« Fichier:Picto_infobox_nom.png »</i>. Sur Commons, il faut placer les images dans <a href="https://commons.wikimedia.org/wiki/Category:Infobox_pictograms" class="extiw" title="commons:Category:Infobox pictograms">Category:Infobox pictograms</a>. Afin d'utiliser un nouveau pictogramme dans une infobox, il faut lui associer une classe dans la feuille de style globale de Wikipédia en français, <a href="/wiki/MediaWiki:Common.css" title="MediaWiki:Common.css">MediaWiki:Common.css</a>. Par exemple, l'association de la classe « artiste » à <a href="/wiki/Fichier:Picto_infobox_artiste.png" title="Fichier:Picto infobox artiste.png">Fichier:Picto infobox artiste.png</a> est faite à l'aide de : </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">.</span><span class="nc">entete</span><span class="p">.</span><span class="nc">artiste</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="nb">url</span><span class="p">(</span><span class="s2">"//upload.wikimedia.org/wikipedia/commons/f/f3/Picto_infobox_artiste.png"</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="kc">top</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span> <span class="p">}</span> </pre></div> <p>Ces définitions ne peuvent être ajoutées que par un administrateur. Vous pouvez demander cela sur <a href="/wiki/Wikip%C3%A9dia:Demande_d%27intervention_sur_un_message_syst%C3%A8me" title="Wikipédia:Demande d'intervention sur un message système">Wikipédia:Demande d'intervention sur un message système</a>. Pour obtenir l'URL correcte, créez un lien avec la syntaxe [[:Media:Picto_infofox_<i>nom</i>.png]] et récupérez sa cible (exemple : <a href="//upload.wikimedia.org/wikipedia/commons/f/f3/Picto_infobox_artiste.png" class="internal" title="Picto infobox artiste.png">Média:Picto_infobox_artiste.png</a>). </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Documentation" data-mw-thread-id="h-Documentation"><span data-mw-comment-start="" id="h-Documentation"></span>Documentation<span data-mw-comment-end="h-Documentation"></span></h2></div> <p>Le modèle de l'infobox étant à présent codé, il reste à ajouter une documentation afin de présenter et d'expliquer son usage. </p><p>Afin de préserver une uniformité dans les pages de documentation des infoboxes, voici quelques lignes conductrices pour rédiger une page explicative. </p> <div class="mw-heading mw-heading3"><h3 id="Création" data-mw-thread-id="h-Création-Documentation"><span id="Cr.C3.A9ation"></span><span data-mw-comment-start="" id="h-Création-Documentation"></span>Création<span data-mw-comment-end="h-Création-Documentation"></span></h3></div> <p>Pour créer une documentation, vous devez mettre le script de l'infobox entre <includeonly>ici le script de l'infobox</includeonly>. Puis vous devez ajouter après cela le script qui permettra de faire apparaître un bandeau de documentation. </p> <pre>{{Documentation}} </pre> <p>Ce qui sur la page donnera la chose suivante : </p> <pre><includeonly>{{Infobox/Début}} ... {{Infobox/Fin}}</includeonly><noinclude>{{Documentation}}</noinclude> </pre> <p>Un lien apparaîtra au sommet de la page de votre modèle d'infobox. Il vous suffira alors de cliquer dessus afin de créer la page de documentation. Une fois cette page de documentation créée, il vous reste à y ajouter son contenu. </p> <div class="mw-heading mw-heading3"><h3 id="Contenu" data-mw-thread-id="h-Contenu-Documentation"><span data-mw-comment-start="" id="h-Contenu-Documentation"></span>Contenu<span data-mw-comment-end="h-Contenu-Documentation"></span></h3></div> <p>La page de documentation d'une infobox doit comporter six informations principales que sont : </p> <ul><li><b>Bandeau documentation</b>, il permet de relier la page de documentation au modèle d'infobox correspondant.</li> <li><b>Syntaxe</b>, que les utilisateurs devront copier-coller sur les articles</li> <li><b>Paramètres</b>, il faut ajouter une définition des différents paramètres disponibles au sein de l'infobox afin d'aider les utilisateurs à savoir comment remplir le modèle sur les articles.</li> <li><b>Exemple</b>, il faut ensuite ajouter un exemple de la syntaxe présentée précédemment mais cette fois-ci remplie, avec au passage l'apparition à droite de l'infobox telle qu'elle apparaîtrait sur un article. Puis on doit ajouter ensuite le bandeau {{Projet Infobox}}.</li> <li><b>Catégories</b>, pour finir la page de documentation, il vous reste à ajouter la ou les catégories adéquates afin de pouvoir classer votre infobox. Pour trouver une catégorie, vous pouvez aller sur <a href="/wiki/Cat%C3%A9gorie:Mod%C3%A8le_infobox" title="Catégorie:Modèle infobox">Catégorie:Modèle infobox</a>. L'ajout de catégories se fait en bas de la page de documentation du modèle de l'infobox et non directement sur la page de l'infobox. Sur la page de documentation vous devez mettre les catégories entre <includeonly></includeonly> ; autrement, si vous ne le faites pas, alors tous les articles qui seront dotés de votre infobox seront catégorisés au même titre que votre infobox.</li></ul> <p>Voici un exemple type de page de documentation : </p> <pre><noinclude>{{Sous-page de documentation}}</noinclude> == Syntaxe == Voici la syntaxe à copier-coller sur les articles : <pre> {{Infobox Jardin | nom = | pays = | taille =  }} </pre> == Paramètres == * <code>nom</code> : Il sert à indiquer le nom du jardin... * <code>pays</code> : Il sert à indiquer dans quel pays se se trouve le jardin... * <code>taille</code> : Il sert à donner la taille du jardin... == Exemple == {{Infobox Jardin | nom = Jardin d'Europe | pays = France | taille = 200 m² }} <pre style=overflow:auto> {{Infobox Jardin | nom = Jardin d'Europe | pays = France | taille = 200 m² }} </pre> {{Projet|Infobox}} <includeonly> [[Catégorie:Modèle infobox V2]] [[Catégorie:...]] </includeonly> </pre> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Exemples" data-mw-thread-id="h-Exemples"><span data-mw-comment-start="" id="h-Exemples"></span>Exemples<span data-mw-comment-end="h-Exemples"></span></h2></div> <div class="mw-heading mw-heading3"><h3 id="Infobox_simples" data-mw-thread-id="h-Infobox_simples-Exemples"><span data-mw-comment-start="" id="h-Infobox_simples-Exemples"></span>Infobox simples<span data-mw-comment-end="h-Infobox_simples-Exemples"></span></h3></div> <ul><li><a href="/wiki/Mod%C3%A8le:Infobox_Organisation" title="Modèle:Infobox Organisation">{{Infobox Organisation}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Cin%C3%A9ma_(film)" title="Modèle:Infobox Cinéma (film)">{{Infobox Cinéma (film)}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Cin%C3%A9ma_(personnalit%C3%A9)" title="Modèle:Infobox Cinéma (personnalité)">{{Infobox Cinéma (personnalité)}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Cin%C3%A9ma_(projecteur)" title="Modèle:Infobox Cinéma (projecteur)">{{Infobox Cinéma (projecteur)}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Cin%C3%A9ma_(cam%C3%A9ra)" title="Modèle:Infobox Cinéma (caméra)">{{Infobox Cinéma (caméra)}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Jeu_vid%C3%A9o" title="Modèle:Infobox Jeu vidéo">{{Infobox Jeu vidéo}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_%C3%89crivain" title="Modèle:Infobox Écrivain">{{Infobox Écrivain}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Automobile" title="Modèle:Infobox Automobile">{{Infobox Automobile}}</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="Infobox_génériques" data-mw-thread-id="h-Infobox_génériques-Exemples"><span id="Infobox_g.C3.A9n.C3.A9riques"></span><span data-mw-comment-start="" id="h-Infobox_génériques-Exemples"></span>Infobox génériques<span data-mw-comment-end="h-Infobox_génériques-Exemples"></span></h3></div> <ul><li><a href="/wiki/Mod%C3%A8le:Infobox_Subdivision_administrative" title="Modèle:Infobox Subdivision administrative">{{Infobox Subdivision administrative}}</a></li> <li><a href="/wiki/Mod%C3%A8le:Infobox_Club_sportif" title="Modèle:Infobox Club sportif">{{Infobox Club sportif}}</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Voir_aussi" data-mw-thread-id="h-Voir_aussi"><span data-mw-comment-start="" id="h-Voir_aussi"></span>Voir aussi<span data-mw-comment-end="h-Voir_aussi"></span></h2></div> <ul><li><a href="/wiki/Projet:Infobox/V2_D%C3%A9butant" title="Projet:Infobox/V2 Débutant">Projet:Infobox/V2 Débutant</a></li> <li><a href="/wiki/Cat%C3%A9gorie:Mod%C3%A8le_infobox_V2" title="Catégorie:Modèle infobox V2">Catégorie:Modèle infobox V2</a></li> <li><a href="/wiki/Projet:Infobox" title="Projet:Infobox">Projet:Infobox</a></li> <li><a href="/wiki/Projet:Mod%C3%A8le/Harmonisation" title="Projet:Modèle/Harmonisation">Projet:Modèle/Harmonisation</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Atelier_accessibilit%C3%A9/Taxobox_et_infobox" title="Wikipédia:Atelier accessibilité/Taxobox et infobox">Wikipédia:Atelier accessibilité/Taxobox et infobox</a></li></ul> <ul id="bandeau-portail" class="bandeau-portail"><div class="bandeau-portail-element"><div class="liste-horizontale"> <ul><li><span typeof="mw:File"><a href="/wiki/Projet:Infobox" title="Projet Infobox"><img alt="Projet Infobox" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Icon_infobox.svg/24px-Icon_infobox.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Icon_infobox.svg/36px-Icon_infobox.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Icon_infobox.svg/48px-Icon_infobox.svg.png 2x" data-file-width="759" data-file-height="759"/></a></span> <b><a href="/wiki/Projet:Infobox" title="Projet:Infobox">Projet Infobox</a></b> <ul><li><small><a class="mw-selflink selflink">Version 2</a></small></li> <li><small><a href="/wiki/Projet:Infobox/V3" title="Projet:Infobox/V3">Version 3</a></small></li> <li><small><a href="/wiki/Projet:Infobox/Lua" title="Projet:Infobox/Lua">Version Lua</a></small></li></ul></li></ul> </div></div></ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Projet:Infobox/V2&oldid=209194949">https://fr.wikipedia.org/w/index.php?title=Projet:Infobox/V2&oldid=209194949</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégories</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Wikip%C3%A9dia:Archive_de_page_m%C3%A9ta" title="Catégorie:Wikipédia:Archive de page méta">Wikipédia:Archive de page méta</a></li><li><a href="/wiki/Cat%C3%A9gorie:Projet:Infobox/V2" title="Catégorie:Projet:Infobox/V2">Projet:Infobox/V2</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Catégorie cachée : <ul><li><a href="/wiki/Cat%C3%A9gorie:Projet:Infobox/Articles_li%C3%A9s" title="Catégorie:Projet:Infobox/Articles liés">Projet:Infobox/Articles liés</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 31 octobre 2023 à 10:38.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. <br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Projet:Infobox/V2&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-cnfgh","wgBackendResponseTime":146,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Conventions_d'harmonisation","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Nommage_et_renommage-Conventions_d'harmonisation","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Paramétrage-Conventions_d'harmonisation","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Programmation_des_modèles","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Programmation_d'une_infobox_sans_briques-Programmation_des_modèles","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Exemple_type_de_programmation-Programmation_d'une_infobox_sans_briques","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Mise_à_jour_d'une_programmation-Programmation_d'une_infobox_sans_briques","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Autres_considérations-Programmation_d'une_infobox_sans_briques","replies":[{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Liens_de_documentation_et_de_modification-Autres_considérations","replies":[]},{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Paramètre_image-Autres_considérations","replies":[]},{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Paramètre_site_Web-Autres_considérations","replies":[]},{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Paramètre_de_géolocalisation-Autres_considérations","replies":[]}]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Programmation_d'une_infobox_avec_des_briques-Programmation_des_modèles","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Programmation_d'une_infobox_modulaire-Programmation_des_modèles","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Charte_graphique_des_Infobox_V2","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Esthétique_générale-Charte_graphique_des_Infobox_V2","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Usage_des_couleurs_dans_les_titres_et_les_sous-titres-Charte_graphique_des_Infobox_V2","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Optimiser_le_contraste_entre_le_fond_et_le_texte-Usage_des_couleurs_dans_les_titres_et_les_sous-titres","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Paramètres_de_changement_de_couleurs-Usage_des_couleurs_dans_les_titres_et_les_sous-titres","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Pictogrammes-Charte_graphique_des_Infobox_V2","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Présentation_des_pictogrammes-Pictogrammes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Pictogrammes_dans_la_feuille_de_styles-Pictogrammes","replies":[]}]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Documentation","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Création-Documentation","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Contenu-Documentation","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Exemples","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Infobox_simples-Exemples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Infobox_génériques-Exemples","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Voir_aussi","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.029"},"limitreport":{"cputime":"0.197","walltime":"0.269","ppvisitednodes":{"value":1874,"limit":1000000},"postexpandincludesize":{"value":19960,"limit":2097152},"templateargumentsize":{"value":5794,"limit":2097152},"expansiondepth":{"value":9,"limit":100},"expensivefunctioncount":{"value":6,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":12636,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 161.534 1 -total"," 19.37% 31.282 1 Modèle:Page_méta_archivée"," 16.47% 26.610 1 Modèle:Méta_bandeau_d'avertissement"," 15.40% 24.879 8 Modèle:Article_détaillé"," 13.39% 21.636 8 Modèle:Méta_bandeau_de_section"," 7.56% 12.211 2 Modèle:Infobox/Sous-titre"," 7.50% 12.119 2 Modèle:Infobox/Titre"," 6.84% 11.056 7 Modèle:Bleu"," 6.68% 10.788 16 Modèle:M"," 6.47% 10.456 1 Modèle:Projet_Infobox"]},"scribunto":{"limitreport-timeusage":{"value":"0.025","limit":"10.000"},"limitreport-memusage":{"value":1359586,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-95f446b7b-l7cbc","timestamp":"20241028221817","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>