« Modèle:Concert » : différence entre les versions

← Modification précédente Modification suivante →

Version du 22 février 2026 à 01:29

Documentation

Infobox moderne pour les concerts et captations live.

Paramètres du modèle[Modifier les données du modèle]
La mise en forme multiligne est préférée pour ce modèle.
Paramètre		Description	Type	État
Nom du Concert	`titre`	aucune description Exemple Live at Pauline Roland	Chaîne	obligatoire
Artiste / Groupe	`artiste`	aucune description Exemple Wreck	Chaîne	suggéré
Image (Code)	`image`	Exemple: [[Fichier:Nom.jpg\|250px]]	Chaîne	facultatif
Légende	`legende`	Texte sous l'image	Chaîne	facultatif
Date	`date`	aucune description Exemple 10 octobre 2025	Chaîne	suggéré
Lieu / Salle	`lieu`	aucune description Exemple Chevilly-Larue	Chaîne	suggéré
Durée	`duree`	aucune description	Chaîne	facultatif
Genre	`genre`	aucune description	Chaîne	facultatif
Format	`format`	Ex: Digital, DVD, VHS	Chaîne	facultatif
Précédent	`precedent`	Nom du concert avant celui-ci	Chaîne	facultatif
Suivant	`suivant`	Nom du concert après celui-ci	Chaîne	facultatif

@@ Ligne 1 : / Ligne 1 : @@
 <includeonly>
-<table class="infobox" style="width: 100%; max-width: 320px; float: right; clear: right; margin: 0 0 1em 1em; border: 1px solid #2596be; background: #ffffff; font-size: 0.9em; line-height: 1.5em; font-family: sans-serif; border-collapse: collapse; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
+<aside class="infobox" style="width: 100%; max-width: 320px; float: right; clear: right; margin: 0 0 1em 1em; border: 1px solid #d1d5db; border-radius: 12px; background: #ffffff; font-size: 14px; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
-   <tr>
-    <th colspan="2" style="background: #2596be; color: white; text-align: center; font-size: 1.2em; padding: 12px; border-bottom: 2px solid #1e7ba0;">
+   <div style="background: linear-gradient(135deg, #2596be 0%, #1a6d8a 100%); color: white; padding: 16px; text-align: center;">
-      <span class="summary">{{{titre}}}</span>
+    <div style="font-weight: 800; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase;">{{{titre}}}</div>
-    </th>
+    <div style="opacity: 0.9; font-size: 0.9em; margin-top: 4px; font-weight: 500;">Concert de {{{artiste}}}</div>
-  </tr>
+  </div>
-   <tr>
-    <td colspan="2" style="text-align: center; padding: 10px; background: #fdfdfd;">
+   <div style="padding: 12px; text-align: center; background: #f9fafb;">
-      {{{image}}}<br>
+    <div style="border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">{{{image}}}</div>
-      <small style="color: #555; display: block; margin-top: 5px;">{{{legende}}}</small>
+     <div style="font-size: 0.85em; color: #6b7280; margin-top: 8px; font-style: italic; padding: 0 10px;">{{{legende}}}</div>
-    </td>
+   </div>
-  </tr>
-  <tr>
+   <div style="padding: 10px 16px;">
-     <th colspan="2" style="background: #e1eff5; color: #2596be; text-align: center; padding: 8px; font-size: 1em; border-top: 1px solid #2596be; border-bottom: 1px solid #2596be;">
+     <table style="width: 100%; border-collapse: collapse;">
-      Concert de {{{artiste}}}
+      <tr>
-    </th>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #6b7280; font-weight: 600; width: 35%;">Date</td>
-   </tr>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #111827; text-align: right;">{{{date}}}</td>
-   <tr>
+      </tr>
-     <td style="text-align: left; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #eee; width: 35%; color: #333;">Date</td>
+      <tr>
-    <td style="text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee;">{{{date}}}</td>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #6b7280; font-weight: 600;">Lieu</td>
-  </tr>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #111827; text-align: right;">{{{lieu}}}</td>
-  <tr>
+      </tr>
-    <td style="text-align: left; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #eee; color: #333;">Lieu</td>
+      <tr>
-    <td style="text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee;">{{{lieu}}}</td>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #6b7280; font-weight: 600;">Durée</td>
-  </tr>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #111827; text-align: right;">{{{duree}}}</td>
-  <tr>
+      </tr>
-    <td style="text-align: left; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #eee; color: #333;">Durée</td>
+      <tr>
-    <td style="text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee;">{{{duree}}}</td>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #6b7280; font-weight: 600;">Genre</td>
-  </tr>
+        <td style="padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #111827; text-align: right;">{{{genre}}}</td>
-  <tr>
+      </tr>
-    <td style="text-align: left; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #eee; color: #333;">Genre</td>
+      <tr>
-    <td style="text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee;">{{{genre}}}</td>
+        <td style="padding: 8px 0; color: #6b7280; font-weight: 600;">Format</td>
-  </tr>
+        <td style="padding: 8px 0; color: #111827; text-align: right;">{{{format}}}</td>
-  <tr>
+      </tr>
-    <td style="text-align: left; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #eee; color: #333;">Format</td>
+    </table>
-    <td style="text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee;">{{{format}}}</td>
+   </div>
-  </tr>
-   <tr>
+  <div style="background: #f3f4f6; padding: 12px; border-top: 1px solid #e5e7eb;">
-    <th colspan="2" style="background: #2596be; color: white; text-align: center; padding: 6px; font-size: 0.9em;">Chronologie</th>
+    <div style="text-align: center; font-size: 0.75em; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px;">Chronologie des concerts</div>
-  </tr>
+     <div style="display: flex; justify-content: space-between; align-items: center; gap: 10px;">
-  <tr>
+       <div style="flex: 1; font-size: 0.8em; color: #2596be; font-weight: 600;">{{{precedent}}}</div>
-     <td colspan="2" style="padding: 0;">
+      <div style="color: #d1d5db;">|</div>
-       <table style="width: 100%; border-collapse: collapse; background: #fafafa; font-size: 0.9em;">
+      <div style="flex: 1; font-size: 0.8em; color: #2596be; font-weight: 600; text-align: right;">{{{suivant}}}</div>
-        <tr>
+     </div>
-          <td style="width: 50%; text-align: left; padding: 10px; border-right: 1px solid #eee;">← {{{precedent}}}</td>
+   </div>
-          <td style="width: 50%; text-align: right; padding: 10px;">{{{suivant}}} →</td>
-        </tr>
+</aside>
-      </table>
-     </td>
-   </tr>
-</table>
 </includeonly><noinclude>
@@ Ligne 57 : / Ligne 53 : @@
 {
 	"params": {
-		"titre": { "label": "Nom du concert", "type": "string", "required": true, "example": "Live at Pauline Roland" },
+		"titre": { "label": "Nom du Concert", "type": "string", "required": true, "example": "Live at Pauline Roland" },
 		"artiste": { "label": "Artiste / Groupe", "type": "string", "suggested": true, "example": "Wreck" },
-		"image": { "label": "Fichier Image", "description": "Exemple: [[Fichier:Paulineroland.jpg|250px]]", "type": "string" },
+		"image": { "label": "Image (Code)", "description": "Exemple: [[Fichier:Nom.jpg|250px]]", "type": "string" },
-		"legende": { "label": "Légende", "type": "string" },
+		"legende": { "label": "Légende", "description": "Texte sous l'image", "type": "string" },
-		"date": { "label": "Date", "description": "Date du concert", "type": "string" },
+		"date": { "label": "Date", "type": "string", "suggested": true, "example": "10 octobre 2025" },
-		"lieu": { "label": "Lieu", "description": "Salle et Ville", "type": "string" },
+		"lieu": { "label": "Lieu / Salle", "type": "string", "suggested": true, "example": "Chevilly-Larue" },
 		"duree": { "label": "Durée", "type": "string" },
 		"genre": { "label": "Genre", "type": "string" },
-		"format": { "label": "Format", "description": "DVD, Digital, Cassette...", "type": "string" },
+		"format": { "label": "Format", "description": "Ex: Digital, DVD, VHS", "type": "string" },
-		"precedent": { "label": "Concert précédent", "type": "string" },
+		"precedent": { "label": "Précédent", "description": "Nom du concert avant celui-ci", "type": "string" },
-		"suivant": { "label": "Concert suivant", "type": "string" }
+		"suivant": { "label": "Suivant", "description": "Nom du concert après celui-ci", "type": "string" }
 	},
-	"description": "Infobox professionnelle pour les concerts et albums live.",
+	"description": "Infobox moderne pour les concerts et captations live.",
 	"format": "block"
 }
 </templatedata>
 </noinclude>