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
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>
Línea 5: Línea 4:
   <!-- PS -->
   <!-- PS -->
   <div style="display: flex; align-items: center; margin: 8px 0;">
   <div style="display: flex; align-items: center; margin: 8px 0;">
     <span style="width: 30%; text-align: left;">PS:       </span>
     <span style="width: 30%; text-align: left;">PS: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{PS}}%; background: {{#ifeq: {{PS}} | 0 | #ff5959 | {{#ifeq: {{PS}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{PS}}}%; background: {{#ifeq: {{{PS}}} | 0 | #ff5959 | {{#ifeq: {{{PS}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{PS}}}
         {{{PS}}}
       </div>
       </div>
Línea 15: Línea 14:
   <!-- Ataque -->
   <!-- Ataque -->
   <div style="display: flex; align-items: center; margin: 8px 0;">
   <div style="display: flex; align-items: center; margin: 8px 0;">
     <span style="width: 30%; text-align: left;">Ataque:   </span>
     <span style="width: 30%; text-align: left;">Ataque: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{Ataque}}%; background: {{#ifeq: {{Ataque}} | 0 | #ff5959 | {{#ifeq: {{Ataque}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{Ataque}}}%; background: {{#ifeq: {{{Ataque}}} | 0 | #ff5959 | {{#ifeq: {{{Ataque}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{Ataque}}}
         {{{Ataque}}}
       </div>
       </div>
Línea 25: Línea 24:
   <!-- Defensa -->
   <!-- Defensa -->
   <div style="display: flex; align-items: center; margin: 8px 0;">
   <div style="display: flex; align-items: center; margin: 8px 0;">
     <span style="width: 30%; text-align: left;">Defensa:   </span>
     <span style="width: 30%; text-align: left;">Defensa: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{Defensa}}%; background: {{#ifeq: {{Defensa}} | 0 | #ff5959 | {{#ifeq: {{Defensa}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{Defensa}}}%; background: {{#ifeq: {{{Defensa}}} | 0 | #ff5959 | {{#ifeq: {{{Defensa}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{Defensa}}}
         {{{Defensa}}}
       </div>
       </div>
Línea 35: Línea 34:
   <!-- Ataque Especial -->
   <!-- Ataque Especial -->
   <div style="display: flex; align-items: center; margin: 8px 0;">
   <div style="display: flex; align-items: center; margin: 8px 0;">
     <span style="width: 30%; text-align: left;">At. Esp.: </span>
     <span style="width: 30%; text-align: left;">At. Esp.: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{AtEsp}}%; background: {{#ifeq: {{AtEsp}} | 0 | #ff5959 | {{#ifeq: {{AtEsp}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{AtEsp}}}%; background: {{#ifeq: {{{AtEsp}}} | 0 | #ff5959 | {{#ifeq: {{{AtEsp}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{AtEsp}}}
         {{{AtEsp}}}
       </div>
       </div>
Línea 47: Línea 46:
     <span style="width: 30%; text-align: left;">Def. Esp.: </span>
     <span style="width: 30%; text-align: left;">Def. Esp.: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{DefEsp}}%; background: {{#ifeq: {{DefEsp}} | 0 | #ff5959 | {{#ifeq: {{DefEsp}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{DefEsp}}}%; background: {{#ifeq: {{{DefEsp}}} | 0 | #ff5959 | {{#ifeq: {{{DefEsp}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{DefEsp}}}
         {{{DefEsp}}}
       </div>
       </div>
Línea 57: Línea 56:
     <span style="width: 30%; text-align: left;">Velocidad: </span>
     <span style="width: 30%; text-align: left;">Velocidad: </span>
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
     <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
       <div style="width: {{Velocidad}}%; background: {{#ifeq: {{Velocidad}} | 0 | #ff5959 | {{#ifeq: {{Velocidad}} | 1 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
       <div style="width: {{{Velocidad}}}%; background: {{#ifeq: {{{Velocidad}}} | 0 | #ff5959 | {{#ifeq: {{{Velocidad}}} | 50 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
         {{{Velocidad}}}
         {{{Velocidad}}}
       </div>
       </div>

Revisión del 22:11 28 ene 2025

Estadísticas Base

   PS: 
       {{{PS}}}
   Ataque: 
       {{{Ataque}}}
   Defensa: 
       {{{Defensa}}}
   At. Esp.: 
       {{{AtEsp}}}
   Def. Esp.: 
       {{{DefEsp}}}
   Velocidad: 
       {{{Velocidad}}}