|
|
| Línea 1: |
Línea 1: |
| <includeonly> | | <includeonly> |
| <!-- Plantilla: WikiFSF — Encabezado elegante con "badges" tipo WhatsApp hechas con letras --> | | <!-- Plantilla: WikiFSF — Encabezado simple con íconos tipo WhatsApp --> |
| <div class="wfsf-header" role="banner" aria-label="Encabezado WikiFSF"> | | <big style="display:inline-block; margin-left:-6px;"> |
| <div class="wfsf-left">
| | <span style="color:#FF0000; background-color:#EDEDED; padding:2px 8px; border-radius:8px; border:1px solid #DADADA; font-family: Trebuchet MS, Verdana, Arial, sans-serif;"> |
| <div class="wfsf-badges" role="img" aria-hidden="false">
| | <span style="margin-right:6px;" aria-label="iconos FSF" title="WikiFSF">📘 ⚙️ ✨</span> |
| <span class="wfsf-badge" title="{{{b1|W}}}">{{{b1|W}}}</span>
| | <span style="font-weight:bold; font-size: small;">FSF</span> |
| <span class="wfsf-badge" title="{{{b2|i}}}">{{{b2|i}}}</span>
| | </span> |
| <span class="wfsf-badge" title="{{{b3|k}}}">{{{b3|k}}}</span>
| | |
| <span class="wfsf-badge" title="{{{b4|i}}}">{{{b4|i}}}</span>
| | <span style="margin-left:6px; color:#FFFFFF; background-color:#000000; padding:2px 8px; border-radius:8px; border:1px solid #DADADA; font-family: Trebuchet MS, Verdana, Arial, sans-serif;"> |
| <span class="wfsf-badge" title="{{{b5|F}}}">{{{b5|F}}}</span>
| | <span style="font-weight:bold; font-size:larger;"><<<=== WikiFSF 🚀 🌍 💡</span> |
| <span class="wfsf-badge" title="{{{b6|S}}}">{{{b6|S}}}</span>
| | </span> |
| <span class="wfsf-badge" title="{{{b7|F}}}">{{{b7|F}}}</span>
| | </big> |
| <span class="wfsf-badge" title="{{{b8| }}}">{{{b8| }}}</span>
| |
| <span class="wfsf-badge" title="{{{b9| }}}">{{{b9| }}}</span>
| |
| <span class="wfsf-badge" title="{{{b10| }}}">{{{b10| }}}</span>
| |
| <span class="wfsf-badge" title="{{{b11| }}}">{{{b11| }}}</span>
| |
| </div>
| |
| | |
| <div class="wfsf-titles">
| |
| <div class="wfsf-main">{{{title|<<<=== WikiFSF}}}</div>
| |
| <div class="wfsf-sub">{{{subtitle|Módulo FSF — MediaWiki}}}</div>
| |
| </div>
| |
| </div> | |
| | |
| <div class="wfsf-right">{{{right|}}}</div> | |
| </div>
| |
| | |
| <style>
| |
| /* Estilos de plantilla — minimalistas, responsivos y con "badges" circulares */
| |
| .wfsf-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.02));box-shadow:0 6px 18px rgba(3,10,18,0.06);font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
| |
| .wfsf-left{display:flex;align-items:center;gap:12px}
| |
| .wfsf-badges{display:flex;align-items:center;gap:8px}
| |
| .wfsf-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-weight:700;font-size:18px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(2,6,23,0.12);border:1px solid rgba(255,255,255,0.06)}
| |
| /* paleta suave — cada posición tiene su gradiente */
| |
| .wfsf-badges .wfsf-badge:nth-child(1){background:linear-gradient(135deg,#34b3a0,#15957f)}
| |
| .wfsf-badges .wfsf-badge:nth-child(2){background:linear-gradient(135deg,#5bb3ff,#1f8fe8)}
| |
| .wfsf-badges .wfsf-badge:nth-child(3){background:linear-gradient(135deg,#ffb86b,#ff8a3d)}
| |
| .wfsf-badges .wfsf-badge:nth-child(4){background:linear-gradient(135deg,#a78bfa,#7a5bf2)}
| |
| .wfsf-badges .wfsf-badge:nth-child(5){background:linear-gradient(135deg,#ff6b8a,#ff3b66)}
| |
| .wfsf-badges .wfsf-badge:nth-child(6){background:linear-gradient(135deg,#ffd36b,#ffb33b)}
| |
| .wfsf-badges .wfsf-badge:nth-child(7){background:linear-gradient(135deg,#6be3c8,#2bbfa8)}
| |
| .wfsf-badges .wfsf-badge:nth-child(8){background:linear-gradient(135deg,#bfe0ff,#8fc7ff)}
| |
| .wfsf-badges .wfsf-badge:nth-child(9){background:linear-gradient(135deg,#d6b3ff,#b88aff)}
| |
| .wfsf-badges .wfsf-badge:nth-child(10){background:linear-gradient(135deg,#ffd0c9,#ff9aa0)}
| |
| .wfsf-badges .wfsf-badge:nth-child(11){background:linear-gradient(135deg,#c8ffd0,#93ff8a)}
| |
| | |
| .wfsf-titles{display:flex;flex-direction:column}
| |
| .wfsf-main{font-size:20px;font-weight:700;color: #0b1720;letter-spacing:0.6px}
| |
| .wfsf-sub{font-size:12px;color:#415058;margin-top:2px}
| |
| .wfsf-right{font-size:13px;color:#26343f}
| |
| | |
| /* responsive */
| |
| @media (max-width:520px){
| |
| .wfsf-badge{width:36px;height:36px;font-size:15px} | |
| .wfsf-main{font-size:16px}
| |
| }
| |
| </style> | |
| </includeonly> | | </includeonly> |
|
| |
|
| <noinclude> | | <noinclude> |
| == Uso == | | == Uso == |
| Coloca esta plantilla en tu wiki (Plantilla:WikiFSF). Ejemplos de uso:
| | Pega esta plantilla en tu wiki (Plantilla:WikiFSF). Ejemplo: |
| * <pre>{{WikiFSF|title=WikiFSF|subtitle=Módulo FSF|b1=W|b2=i|b3=k|b4=i|b5=F|b6=S|b7=F|right=Versión 1.0}}</pre> | | * <pre>{{WikiFSF}}</pre> |
| * Puedes ajustar hasta 11 badges usando b1..b11. Si no los llenas, aparecen valores por defecto.
| |
|
| |
|
| == Nota técnica == | | == Nota == |
| * El CSS está incluido en la plantilla para que sea fácil instalarla; si prefieres, mueve los estilos a MediaWiki:Common.css o a un módulo de estilo.
| | Este diseño es sencillo, basado en bloques de color con emojis estilo WhatsApp. Puedes cambiar los íconos (📘 ⚙️ ✨ / 🚀 🌍 💡) por los que prefieras. |
| * Si tu tema de wiki restringe <style> en plantillas, crea un módulo ResourceLoader o pega las reglas en MediaWiki:Common
| | </noinclude> |
Uso
Pega esta plantilla en tu wiki (Plantilla:WikiFSF). Ejemplo:
Nota
Este diseño es sencillo, basado en bloques de color con emojis estilo WhatsApp. Puedes cambiar los íconos (📘 ⚙️ ✨ / 🚀 🌍 💡) por los que prefieras.
