Diferencia entre revisiones de «Plantilla:BarraEstadistica»

De Unión PokéPRO - Wiki
Ir a la navegaciónIr a la búsqueda
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 13 ediciones intermedias del mismo usuario)
Línea 2: Línea 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>


   <table style="width: 100%; border-collapse: collapse;">
   <!-- PS -->
     <!-- PS -->
  <div style="display: flex; align-items: center; margin: 8px 0;">
    <tr>
     <span style="width: 30%; text-align: left;">PS:       </span>
      <td style="width: 80px; text-align: left; padding: 5px;">PS:</td>
    <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
      <td>
      <div style="width: {{{PS}}}%; background-color: #a7db8d; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
        {{{PS}}}
          <div style="width: {{{PS|50}}}%; background: {{#ifexpr: {{{PS|50}}} < 50 | #ff5959 | {{#ifexpr: {{{PS|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
      </div>
            {{{PS|50}}}
    </div>
          </div>
  </div>
        </div>
      </td>
    </tr>


    <!-- Ataque -->
  <!-- Ataque -->
    <tr>
  <div style="display: flex; align-items: center; margin: 8px 0;">
      <td style="width: 80px; text-align: left; padding: 5px;">Ataque:</td>
    <span style="width: 30%; text-align: left;">Ataque:   </span>
      <td>
    <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
      <div style="width: {{{Ataque}}}%; background-color: #fae078; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
          <div style="width: {{{Ataque|50}}}%; background: {{#ifexpr: {{{Ataque|50}}} < 50 | #ff5959 | {{#ifexpr: {{{Ataque|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
        {{{Ataque}}}
            {{{Ataque|50}}}
      </div>
          </div>
    </div>
        </div>
  </div>
      </td>
    </tr>


    <!-- Defensa -->
  <!-- Defensa -->
    <tr>
  <div style="display: flex; align-items: center; margin: 8px 0;">
      <td style="width: 80px; text-align: left; padding: 5px;">Defensa:</td>
    <span style="width: 30%; text-align: left;">Defensa:   </span>
      <td>
    <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
      <div style="width: {{{Defensa}}}%; background-color: #f0e130; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
          <div style="width: {{{Defensa|50}}}%; background: {{#ifexpr: {{{Defensa|50}}} < 50 | #ff5959 | {{#ifexpr: {{{Defensa|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
        {{{Defensa}}}
            {{{Defensa|50}}}
      </div>
          </div>
    </div>
        </div>
  </div>
      </td>
    </tr>


    <!-- Ataque Especial -->
  <!-- Ataque Especial -->
    <tr>
  <div style="display: flex; align-items: center; margin: 8px 0;">
      <td style="width: 80px; text-align: left; padding: 5px;">At. Esp.:</td>
    <span style="width: 30%; text-align: left;">At. Esp.: </span>
      <td>
    <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
      <div style="width: {{{AtEsp}}}%; background-color: #76c7c0; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
          <div style="width: {{{AtEsp|50}}}%; background: {{#ifexpr: {{{AtEsp|50}}} < 50 | #ff5959 | {{#ifexpr: {{{AtEsp|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
        {{{AtEsp}}}
            {{{AtEsp|50}}}
      </div>
          </div>
    </div>
        </div>
  </div>
      </td>
    </tr>


    <!-- Defensa Especial -->
  <!-- Defensa Especial -->
    <tr>
  <div style="display: flex; align-items: center; margin: 8px 0;">
      <td style="width: 80px; text-align: left; padding: 5px;">Def. Esp.:</td>
    <span style="width: 30%; text-align: left;">Def. Esp.: </span>
      <td>
    <div style="width: 65%; background: #ddd; border-radius: 4px; height: 20px; display: flex; align-items: center;">
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
      <div style="width: {{{DefEsp}}}%; background-color: #9b7fdd; color: white; text-align: center; line-height: 20px; border-radius: 4px;">
          <div style="width: {{{DefEsp|50}}}%; background: {{#ifexpr: {{{DefEsp|50}}} < 50 | #ff5959 | {{#ifexpr: {{{DefEsp|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
        {{{DefEsp}}}
            {{{DefEsp|50}}}
      </div>
          </div>
    </div>
        </div>
  </div>
      </td>
 
    </tr>
  <!-- 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>


    <!-- Velocidad -->
    <tr>
      <td style="width: 80px; text-align: left; padding: 5px;">Velocidad:</td>
      <td>
        <div style="background: #ddd; height: 20px; border-radius: 4px; overflow: hidden; position: relative;">
          <div style="width: {{{Velocidad|50}}}%; background: {{#ifexpr: {{{Velocidad|50}}} < 50 | #ff5959 | {{#ifexpr: {{{Velocidad|50}}} < 80 | #fae078 | #a7db8d}}}}; color: white; text-align: center; line-height: 20px; border-radius: 4px; height: 100%;">
            {{{Velocidad|50}}}
          </div>
        </div>
      </td>
    </tr>
  </table>
</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}}}
Obtenido de «http://unionpokepro.com/wiki/index.php?title=Plantilla:BarraEstadistica&oldid=1438»