Spoiler

👨‍💻 Mostrar Código
// ▼▼▼ <details>
  <summary>📁 Haz clic para ver el bloque de descarga</summary>
  <div style="text-align: center;"> <!--Contenedor centralizado-->
    <div class="spoiler-box" style="display: inline-block; margin: 20px auto; text-align: left;">
      <button class="show-btn" onclick="this.nextElementSibling.style.display='block';this.style.display='none'">🔽 MOSTRAR LINK DE DESCARGA</button>
      <div style="display: none; margin-top: 15px;">
        
        <!--##############################################-->
        <!--▼▼▼▼▼ PEGA TU ENLACE EN ESTA LÍNEA ▼▼▼▼▼-->
        <script>var ENLACE_DE_DESCARGA = "https://exe.io/1CVtq";</script>
        <!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
        <!--##############################################-->
        
        <div class="download-box" onclick="window.open(ENLACE_DE_DESCARGA, '_blank')">DESCARGAR AHORA</div>
        
        <div class="password-box">CONTRASEÑA: <span>PrimoTech</span></div>
        <button class="hide-btn" onclick="this.parentNode.style.display='none';this.parentNode.previousElementSibling.style.display='block'">🔼 OCULTAR</button>
      </div>
    </div>
  </div>

  <style>
    .spoiler-box {
      font-family: Arial, sans-serif;
      max-width: 600px; /* Ancho máximo para mejor visualización */
    }
    .show-btn, .hide-btn {
      background: #4CAF50;
      color: white;
      border: none;
      padding: 12px 20px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 5px;
      cursor: pointer;
      display: block;
      width: 100%;
      text-align: center;
      margin: 5px 0;
      transition: all 0.3s;
    }
    .show-btn:hover, .hide-btn:hover {
      transform: scale(1.02);
    }
    .hide-btn {
      background: #f44336;
      padding: 8px 15px;
      font-size: 14px;
    }
    .download-box, .password-box {
      background: #fff9c4;
      padding: 15px;
      border-radius: 5px;
      margin: 15px 0;
      font-size: 20px;
      text-align: center;
      font-weight: bold;
      border-left: 5px solid #ffc107;
      cursor: pointer;
      transition: all 0.3s;
    }
    .download-box:hover, .password-box:hover {
      box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    }
    .password-box span {
      color: #f44336;
      background: #fffde7;
      padding: 3px 10px;
      border-radius: 3px;
      font-size: 22px;
    }
  </style>
</details> ▼▼▼
// Ejemplo:
function holaMundo() {
  console.log("¡Hola mundo!");
}
// ▲▲▲ El botón copiará todo automáticamente ▲▲▲
Primo Chapin - Tu Mundo Viral

0 Comments:

Publicar un comentario