Modèle:Card/doc - Historique des versions

Hiob : /* Voir aussi */

2026-03-06T09:49:14Z

Voir aussi

← Version précédente		Version du 6 mars 2026 à 09:49
Ligne 194 :		Ligne 194 :

	== Voir aussi ==		== Voir aussi ==
	* [[Aide:~~Modèles~~]] - Guide des modèles MediaWiki		* [[Aide:Modèle]] - Guide des modèles MediaWiki

	== Catégories ==		== Catégories ==

Hiob le 15 novembre 2025 à 11:07

2025-11-15T11:07:05Z

← Version précédente		Version du 15 novembre 2025 à 11:07
Ligne 51 :		Ligne 51 :
	<syntaxhighlight lang="wikitext">		<syntaxhighlight lang="wikitext">
	{{Card		{{Card
	\|image=~~Spawn_Nefald~~.png		\|image= Nouvelle Aldeïha.png
	\|badge=~~NOUVEAU~~		\|badge={{#fas:star}} Ville
	\|~~title~~=~~Royaume de Nefald~~		\|link=Nouvelle-Aldeïha
	\|~~subtitle~~=~~La capitale du continent~~		\|title=Nouvelle-Aldeïha
	\|~~text~~=~~Découvrez l~~'~~histoire de ce royaume millénaire...~~		\|subtitle=Terre d'accueil des [[Pérégrin\|pérégrins]]
	\|~~link~~=~~Royaume de Nefald~~		\|text={{GETSHORTDESC:Nouvelle-Aldeïha}}
	}}		}}
	</syntaxhighlight>		</syntaxhighlight>

	{{Card		{{Card
	\|image=~~Spawn_Nefald~~.png		\|image= Nouvelle Aldeïha.png
	\|badge=~~NOUVEAU~~		\|badge={{#fas:star}} Ville
	\|title=~~Nefald~~		\|link=Nouvelle-Aldeïha
	\|subtitle=~~La capitale de~~ [[		\|title=Nouvelle-Aldeïha
	~~Vargen~~]]		\|subtitle=Terre d'accueil des [[Pérégrin\|pérégrins]]
	\|text=~~Découvrez l'histoire de ce royaume millénaire...~~		\|text={{GETSHORTDESC:Nouvelle-Aldeïha}}
	~~\|link=Royaume de Nefald~~
	}}		}}

Ligne 79 :		Ligne 78 :
	* Naviguer efficacement		* Naviguer efficacement
	* Trouver l'information		* Trouver l'information
	* [[Contribuer]] au contenu		* [[Aide:Contribuer]] au contenu

	Un paragraphe normal avec '''gras''' et ''italique''.		Un paragraphe normal avec '''gras''' et ''italique''.
Ligne 93 :		Ligne 92 :
	* Naviguer efficacement		* Naviguer efficacement
	* Trouver l'information		* Trouver l'information
	* [[Contribuer]] au contenu		* [[Aide:Contribuer]] au contenu

	Un paragraphe normal avec '''gras''' et ''italique''.		Un paragraphe normal avec '''gras''' et ''italique''.

Hiob : image size

2025-11-15T09:43:12Z

image size

← Version précédente		Version du 15 novembre 2025 à 09:43
Ligne 4 :		Ligne 4 :

	== Fonctionnalités ==		== Fonctionnalités ==
	* 🖼️ '''Image pleine largeur''' en haut de la carte		* 🖼️ '''Image pleine largeur''' en haut de la carte, taille configurable
	* 🏷️ '''Badge personnalisable''' (ex: NOUVEAU, FEATURED)		* 🏷️ '''Badge personnalisable''' (ex: NOUVEAU, FEATURED)
	* 📝 '''Support complet du wikitext''' dans le contenu		* 📝 '''Support complet du wikitext''' dans le contenu
Ligne 15 :		Ligne 15 :
	{{Card		{{Card
	\|image=Nom_du_fichier.png		\|image=Nom_du_fichier.png
			\|size=800px
	\|badge=TEXTE		\|badge=TEXTE
	\|title=Titre de la carte		\|title=Titre de la carte
Ligne 29 :		Ligne 30 :
	\|-		\|-
	\| '''image''' \|\| Nom du fichier image (sans <code>File:</code>) \|\| Non \|\| <code>Harlan_Libre_1.png</code>		\| '''image''' \|\| Nom du fichier image (sans <code>File:</code>) \|\| Non \|\| <code>Harlan_Libre_1.png</code>
			\|-
			\| '''size''' \|\| Taille maximale de l'image (par défaut ''800px'') \|\| Non \|\| <code>800px</code>
	\|-		\|-
	\| '''badge''' \|\| Texte du badge affiché en haut à droite \|\| Non \|\| <code>NOUVEAU</code>, <code>FEATURED</code>		\| '''badge''' \|\| Texte du badge affiché en haut à droite \|\| Non \|\| <code>NOUVEAU</code>, <code>FEATURED</code>

Hiob le 13 novembre 2025 à 14:47

2025-11-13T14:47:25Z

← Version précédente		Version du 13 novembre 2025 à 14:47
Ligne 1 :		Ligne 1 :

	== Description ==		== Description ==
	Le modèle '''Card''' (carte) permet de créer des cartes visuelles élégantes avec image, titre, sous-titre et texte. Idéal pour mettre en avant du contenu sur la page d'accueil ou dans des sections spéciales.		Le modèle '''Card''' (carte) permet de créer des cartes visuelles élégantes avec image, titre, sous-titre et texte. Idéal pour mettre en avant du contenu sur la page d'accueil ou dans des sections spéciales.
Ligne 191 :		Ligne 192 :

	== Voir aussi ==		== Voir aussi ==
	* [[Template:Accueil]] - Page d'accueil du wiki
	* [[Modèle:Bandeau]] - Bandeau d'information
	* [[Aide:Modèles]] - Guide des modèles MediaWiki		* [[Aide:Modèles]] - Guide des modèles MediaWiki

	== Catégories ==		== Catégories ==
	<~~includeonly~~>		<noinclude>
	[[Catégorie:~~Modèles~~ de ~~mise en page]]~~		[[Catégorie:Documentation de modèle]]
	~~[[Catégorie:Modèles de carte~~]]		</noinclude>
	</~~includeonly~~>

Hiob : Page créée avec « == Description == Le modèle '''Card''' (carte) permet de créer des cartes visuelles élégantes avec image, titre, sous-titre et texte. Idéal pour mettre en avant du contenu sur la page d'accueil ou dans des sections spéciales. == Fonctionnalités == * 🖼️ '''Image pleine largeur''' en haut de la carte * 🏷️ '''Badge personnalisable''' (ex: NOUVEAU, FEATURED) * 📝 '''Support complet du wikitext''' dans le contenu * 🎨 '''Compatible dark/light mod... »

2025-10-30T22:42:52Z

Page créée avec « == Description == Le modèle '''Card''' (carte) permet de créer des cartes visuelles élégantes avec image, titre, sous-titre et texte. Idéal pour mettre en avant du contenu sur la page d'accueil ou dans des sections spéciales. == Fonctionnalités == * 🖼️ '''Image pleine largeur''' en haut de la carte * 🏷️ '''Badge personnalisable''' (ex: NOUVEAU, FEATURED) * 📝 '''Support complet du wikitext''' dans le contenu * 🎨 '''Compatible dark/light mod... »

Nouvelle page

== Description ==
Le modèle '''Card''' (carte) permet de créer des cartes visuelles élégantes avec image, titre, sous-titre et texte. Idéal pour mettre en avant du contenu sur la page d'accueil ou dans des sections spéciales.

== Fonctionnalités ==
* 🖼️ '''Image pleine largeur''' en haut de la carte
* 🏷️ '''Badge personnalisable''' (ex: NOUVEAU, FEATURED)
* 📝 '''Support complet du wikitext''' dans le contenu
* 🎨 '''Compatible dark/light mode''' (skin Citizen)
* 📱 '''Responsive''' sur mobile et tablette
* ✨ '''Effet hover''' avec zoom sur l'image

== Syntaxe ==
<syntaxhighlight lang="wikitext">
{{Card
|image=Nom_du_fichier.png
|badge=TEXTE
|title=Titre de la carte
|subtitle=Sous-titre optionnel
|text=Contenu avec '''wikitext'''
|link=Page de destination
|class=classe-css-optionnelle
}}
</syntaxhighlight>

== Paramètres ==
{| class="wikitable"
! Paramètre !! Description !! Obligatoire !! Exemple
|-
| '''image''' || Nom du fichier image (sans <code>File:</code>) || Non || <code>Harlan_Libre_1.png</code>
|-
| '''badge''' || Texte du badge affiché en haut à droite || Non || <code>NOUVEAU</code>, <code>FEATURED</code>
|-
| '''title''' || Titre principal de la carte || Non || <code>Royaume de Nefald</code>
|-
| '''subtitle''' || Sous-titre en gris || Non || <code>La capitale du continent</code>
|-
| '''text''' ou '''1''' || Contenu de la carte (supporte le wikitext) || Non || <code>Découvrez l'histoire...</code>
|-
| '''link''' || Lien vers une page (appliqué à l'image et au titre) || Non || <code>Royaume de Nefald</code>
|-
| '''class''' || Classe CSS personnalisée || Non || <code>ma-classe</code>
|}

== Exemples ==

=== Carte complète ===
<syntaxhighlight lang="wikitext">
{{Card
|image=Spawn_Nefald.png
|badge=NOUVEAU
|title=Royaume de Nefald
|subtitle=La capitale du continent
|text=Découvrez l'histoire de ce royaume millénaire...
|link=Royaume de Nefald
}}
</syntaxhighlight>

{{Card
|image=Spawn_Nefald.png
|badge=NOUVEAU
|title=Nefald
|subtitle=La capitale de [[
Vargen]]
|text=Découvrez l'histoire de ce royaume millénaire...
|link=Royaume de Nefald
}}

=== Carte avec wikitext ===
<syntaxhighlight lang="wikitext">
{{Card
|title=Premiers pas
|subtitle=Pour les nouveaux joueurs
|text=
Ce guide vous aidera à :
* Naviguer efficacement
* Trouver l'information
* [[Contribuer]] au contenu

Un paragraphe normal avec '''gras''' et ''italique''.
|link=Guide des nouveaux joueurs
}}
</syntaxhighlight>

{{Card
|title=Premiers pas
|subtitle=Pour les nouveaux joueurs
|text=
Ce guide vous aidera à :
* Naviguer efficacement
* Trouver l'information
* [[Contribuer]] au contenu

Un paragraphe normal avec '''gras''' et ''italique''.
|link=Guide des nouveaux joueurs
}}

=== Carte simple (sans image) ===
<syntaxhighlight lang="wikitext">
{{Card
|title=Annonce importante
|text=Le serveur sera en maintenance ce week-end.
}}
</syntaxhighlight>

{{Card
|title=Annonce importante
|text=Le serveur sera en maintenance ce week-end.
}}

=== Carte avec syntaxe courte ===
Le paramètre <code>1</code> peut remplacer <code>text</code> :

<syntaxhighlight lang="wikitext">
{{Card
|title=Titre rapide
|1=Contenu court
}}
</syntaxhighlight>

== Utilisation en grille ==

Pour afficher plusieurs cartes côte à côte, utilisez la classe <code>home-cards-grid</code> :

<syntaxhighlight lang="wikitext">
<div class="home-cards-grid">
{{Card
|image=Image1.png
|title=Carte 1
|text=Description 1
}}

{{Card
|image=Image2.png
|title=Carte 2
|text=Description 2
}}

{{Card
|image=Image3.png
|title=Carte 3
|text=Description 3
}}
</div>
</syntaxhighlight>

La grille s'adapte automatiquement :
* '''Desktop''' : 3 colonnes (ou plus selon la largeur)
* '''Tablet''' : 2 colonnes
* '''Mobile''' : 1 colonne

== Personnalisation ==

=== Styles personnalisés ===
Le CSS se trouve dans [[Template:Card/styles.css]] et peut être modifié.

Variables CSS principales :
* <code>--color-surface-1</code> : fond de la carte
* <code>--color-progressive</code> : couleur des liens et bordure hover
* <code>--border-color-base</code> : couleur de bordure

=== Classe CSS personnalisée ===
<syntaxhighlight lang="wikitext">
{{Card
|class=ma-carte-speciale
|title=Carte custom
}}
</syntaxhighlight>

Puis dans votre CSS :
<syntaxhighlight lang="css">
.ma-carte-speciale {
border: 2px solid red;
}
</syntaxhighlight>

== Badges prédéfinis ==

Suggestions de badges courants :
* <code>NOUVEAU</code> / <code>NEW</code>
* <code>FEATURED</code> / <code>VEDETTE</code>
* <code>POPULAIRE</code> / <code>POPULAR</code>
* <code>MISE À JOUR</code> / <code>UPDATED</code>
* <code>ÉVÉNEMENT</code> / <code>EVENT</code>

== Compatibilité ==

* ✅ Skin Citizen (recommandé)
* ✅ Mode clair/sombre automatique
* ✅ Mobile responsive
* ✅ Tous navigateurs modernes

== Voir aussi ==
* [[Template:Accueil]] - Page d'accueil du wiki
* [[Modèle:Bandeau]] - Bandeau d'information
* [[Aide:Modèles]] - Guide des modèles MediaWiki

== Catégories ==
<includeonly>
[[Catégorie:Modèles de mise en page]]
[[Catégorie:Modèles de carte]]
</includeonly>

Modèle:Card/doc - Historique des versions

Hiob : /* Voir aussi */

Hiob le 15 novembre 2025 à 11:07

Hiob : image size

Hiob le 13 novembre 2025 à 14:47

Hiob : /* Voir aussi */

Hiob : image size