« Modèle:Wiki/NavCard » : différence entre les versions

@@ Ligne 1 : / Ligne 1 : @@
 <includeonly>
-<div class="wiki-nav-card">
+<div class="wiki-nav-card" style="background: #374151; border-radius: 8px; padding: 16px; margin: 16px; max-width: 400px;">
-[[{{{lien|{{{titre}}}}}}|
-<div style="height: 100%; display: flex; flex-direction: column;">
+<!-- Zone image -->
-<div style="height: 80px; background-image: url('{{{image|}}}'); background-size: cover; background-position: center; background-color: #374151; margin: -15px -15px 10px -15px;"></div>
+<div style="width: 100%; height: 120px; background: #4b5563; border-radius: 6px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; color: #9ca3af;">
-<div style="flex-grow: 1;">
+{{#if:{{{image|}}}|
-<div style="font-weight: 600; color: var(--color-base, #f9fafb); margin-bottom: 4px;">{{{titre}}}</div>
+<img src="{{filepath:{{{image}}}}}" style="width: 100%; height: 100%; object-fit: cover; border-radius: 6px;" alt="{{{titre}}}">
-<div style="font-size: 0.85rem; color: var(--color-base--subtle, #9ca3af);">{{{description}}}</div>
+|
+📷 Image
+}}
 </div>
+<!-- Contenu -->
+<div>
+<h3 style="margin: 0 0 8px 0; font-size: 1.1rem;">
+<a href="/wiki/{{{lien|{{{titre}}}}}}" style="color: #60a5fa; text-decoration: none;">{{{titre}}}</a>
+</h3>
+<p style="margin: 0; color: #d1d5db; font-size: 0.9rem;">{{{description}}}</p>
 </div>
-]]
 </div>
 </includeonly>

Dernière version du 7 septembre 2025 à 22:39