Diferencia entre revisiones de «Plantilla:BarraEstadistica»
De Unión PokéPRO - Wiki
Ir a la navegaciónIr a la búsqueda
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 12 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
<div style="width: 400px; font-family: Arial, sans-serif; border: 1px solid #ccc; border-radius: 8px; padding: 10px; background: #f9f9f9; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);"> | <div style="width: 400px; font-family: Arial, sans-serif; border: 1px solid #ccc; border-radius: 8px; padding: 10px; background: #f9f9f9; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);"> | ||
<h3 style="text-align: center; color: #333; margin-top: 0;">Estadísticas Base</h3> | <h3 style="text-align: center; color: #333; margin-top: 0;">Estadísticas Base</h3> | ||
<!-- PS --> | <!-- PS --> | ||
<div style="display: flex; align-items: center; margin: | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">PS:</span> | <span style="width: 30%; text-align: left;">PS: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{PS}}}%; background-color: #a7db8d; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{PS}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Ataque --> | <!-- Ataque --> | ||
<div style="display: flex; align-items: center | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">Ataque:</span> | <span style="width: 30%; text-align: left;">Ataque: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{Ataque}}}%; background-color: #fae078; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{Ataque}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Defensa --> | <!-- Defensa --> | ||
<div style="display: flex; align-items: center; margin: | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">Defensa:</span> | <span style="width: 30%; text-align: left;">Defensa: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{Defensa}}}%; background-color: #f0e130; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{Defensa}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Ataque Especial --> | <!-- Ataque Especial --> | ||
<div style="display: flex; align-items: center; margin: | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">At. Esp.:</span> | <span style="width: 30%; text-align: left;">At. Esp.: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{AtEsp}}}%; background-color: #76c7c0; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{AtEsp}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Defensa Especial --> | <!-- Defensa Especial --> | ||
<div style="display: flex; align-items: center; margin: | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">Def. Esp.:</span> | <span style="width: 30%; text-align: left;">Def. Esp.: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{DefEsp}}}%; background-color: #9b7fdd; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{DefEsp}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Velocidad --> | <!-- Velocidad --> | ||
<div style="display: flex; align-items: center; margin: | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<span style="width: 30%;">Velocidad:</span> | <span style="width: 30%; text-align: left;">Velocidad: </span> | ||
<div style="width: | <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;"> | ||
<div style="width: | <div style="width: {{{Velocidad}}}%; background-color: #ff5959; color: white; text-align: center; line-height: 20px; border-radius: 4px;"> | ||
{{{Velocidad}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revisión actual - 22:48 28 ene 2025
Estadísticas Base
PS:
{{{PS}}}
Ataque:
{{{Ataque}}}
Defensa:
{{{Defensa}}}
At. Esp.:
{{{AtEsp}}}
Def. Esp.:
{{{DefEsp}}}
Velocidad:
{{{Velocidad}}}
