Changer la couleur d'une infobox

Bonjour !

J'aimerais changer la couleur de fond et de contour de mes infobox dans mon wiki !

Merci de me répondre.

Muchos·8/12/2024

Bonjour,

Cela dépend de la manière dont sont conçues les infoboxes.

Habituellement, le Concepteur de thème peut s’en charger.

Concepteur de thèmeCentre des communautés

Si tu cherches une personnalisation plus avancée, consulte Aide:Infoboxes/CSS

Infoboxes/CSSCentre des communautés

Si cela ne répond pas à ta question, merci de partager un lien vers une infobox de ton wiki.

Étiolles·8/22/2024

Bonjour !

En complément de la réponse de Muchos, j’ai moi-même sur mon wiki travaillé sur les couleurs et styles des infobox. N’hésite pas à me demander ou lire ce blog: Blog utilisateur:Étiolles/Personnaliser les infoboxes

Personnaliser les infoboxesCentre des communautés

Astrax09·9/7/2024

Bonjour !

Désolé de ne pas avoir pu répondre plus tôt...

Mais passons, je n'ai pas compris vos 2 liens donc je vous envoie mon Infobox :

https://football-en-francais.fandom.com/fr/wiki/Mod%C3%A8le:Infobox_Club_de_Football

Infobox Club de FootballWiki Football (en Français)

(le wiki a été commencé il n'y a pas longtemps...)

Par exemple, pour les en-têtes, j'aimerais avoir cette couleur #009CDC et pour le texte celle-ci #FFFFFF)

Merci d'avance !

Étiolles·9/7/2024

Bonjour, pas de problème !

Alors tu aurais besoin de transformer le début de ton infobox de

<infobox>

vers

<infobox theme="exemple">

Ensuite, dans "Mediawiki:Common.css", tu doit ajouter le texte suivant et tou focntionnera !

.portable-infobox.pi-theme-exemple .pi-header {
color: #ffffff;
background-color:009cdc;
}

Ainsi, le texte de tes en-tête sera blanc et leur fond sera bleu.

Astrax09·9/8/2024

Re ! Je n'ai pas très bien compris le CSS...

Muchos·9/8/2024

> Je n'ai pas très bien compris le CSS

Tu veux dire : le CSS dans la réponse d’Étiolles, ou le CSS en général ?

## Le CSS d’Étiolles

.portable-infobox : c’est une classe mise par Fandom sur les infoboites en général.
.pi-theme-exemple : c’est une classe placée sur les infoboites quand on veut personnaliser leur thème (dans le cas présent, le thème s’appelle "exemple").
.pi-header : c’est la classe par défaut pour les titres d’infoboites.
.portable-infobox.pi-theme-exemple .pi-header : signifie littéralement « les titres d’infoboites qui ont le thème "exemple" »
color, background-color : couleur, couleur de fond.

## Le CSS en général

https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps

Premiers pas avec CSS - Apprendre le développement web | MDNMDN Web Docs

Astrax09·9/13/2024

Bonjour !

Une fois que je suis ici je ne trouve pas la zone de texte...

https://football-en-francais.fandom.com/fr/wiki/MediaWiki:Common.css

Common.cssWiki Football (en Français)

Si vous pourriez m'indiquer où est elle...

Étiolles·9/13/2024

C'est à toi d'ajouter le code sur la page, je ne peux pas le faire puisque je ne suis pas administrateur.

Astrax09·9/13/2024

J'ajoute le code comme si je voulais modifier une page ?

Étiolles·9/13/2024

Okay, avant de modifier sans que tu saches le sens (ce ne serait pas productif), je t'invites à lire les pages suivantes et ensuite de venir poser les questions. Je suis désolé si ça semble rude mais c'est mieux quand les utilisateurs comprennent plutôt qu'ils fassent ce qu'on leur dit 😃

https://communaute.fandom.com/fr/wiki/Aide:Personnalisation_du_CSS_et_JS

Personnalisation du CSS et JSCentre des communautés

Quelle est votre opinion ?