Diferencia entre revisiones de «Plantilla:BarraEstadistica»

De Unión PokéPRO - Wiki
Ir a la navegaciónIr a la búsqueda
Página creada con «<div style="background-color: {{#ifexpr: {{{1}}} > 100 | #008000 | {{#ifexpr: {{{1}}} > 50 | #FFA500 | #FF0000 }}}; width: {{{1}}}px; height: 10px;"></div>»
 
Sin resumen de edición
 
(No se muestran 15 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<div style="background-color: {{#ifexpr: {{{1}}} > 100 | #008000 | {{#ifexpr: {{{1}}} > 50 | #FFA500 | #FF0000 }}}; width: {{{1}}}px; height: 10px;"></div>
<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>
 
  <!-- PS -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{PS}}}%; background-color: #a7db8d; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{PS}}}
      </div>
    </div>
  </div>
 
  <!-- Ataque -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{Ataque}}}%; background-color: #fae078; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{Ataque}}}
      </div>
    </div>
  </div>
 
  <!-- Defensa -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{Defensa}}}%; background-color: #f0e130; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{Defensa}}}
      </div>
    </div>
  </div>
 
  <!-- Ataque Especial -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{AtEsp}}}%; background-color: #76c7c0; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{AtEsp}}}
      </div>
    </div>
  </div>
 
  <!-- Defensa Especial -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{DefEsp}}}%; background-color: #9b7fdd; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{DefEsp}}}
      </div>
    </div>
  </div>
 
  <!-- Velocidad -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <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: {{{Velocidad}}}%; background-color: #ff5959; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        {{{Velocidad}}}
      </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}}}