Mostrando entradas con la etiqueta Codigos Html. Mostrar todas las entradas
Mostrando entradas con la etiqueta Codigos Html. Mostrar todas las entradas

Codigo de Link y de Password

▼ Haz clic para ver el bloque de descarga
DESCARGAR AHORA
CONTRASEÑA: PrimoTech

¡Gracias por visitarnos! Síguenos:

▶️ YouTube 👍 Facebook 🐦 Twitter
<div style="font-family: Arial, sans-serif; max-width: 500px; margin: 20px auto; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden;">
    <div style="padding: 15px; border-bottom: 1px solid #eee; color: #555; font-size: 14px;">
        Primo Chapin • 1 hour ago • Codigos Html, UTILIDADES
    </div>
    <details style="border-bottom: 1px solid #eee;">
        <summary style="padding: 15px; font-weight: bold; cursor: pointer; list-style: none; display: flex; align-items: center;">
            <span style="margin-right: 10px;">▼</span> Haz clic para ver el bloque de descarga
        </summary>
        <div style="padding: 0 15px 15px;">
            <a href="TU_LINK_DE_DESCARGA" style="display: block; background: #4CAF50; color: white; text-align: center; padding: 12px; margin: 10px 0; text-decoration: none; font-weight: bold; border-radius: 4px;">
                DESCARGAR AHORA
            </a>
            <div style="text-align: center; padding: 10px; font-size: 16px;">
                CONTRASEÑA: <span style="font-weight: bold; color: #4CAF50;">PrimoTech</span>
            </div>
            <div style="text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;">
                <p style="margin-bottom: 10px;">¡Gracias por visitarnos! Síguenos:</p>
                <a href="https://www.youtube.com/@elprimotech" target="_blank" style="display: inline-flex; align-items: center; margin: 0 5px; padding: 8px 12px; background: #FF0000; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">
                    <span style="margin-right: 8px;">▶️</span> YouTube
                </a>
                <a href="https://www.facebook.com/elprimotec/" target="_blank" style="display: inline-flex; align-items: center; margin: 0 5px; padding: 8px 12px; background: #1877F2; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">
                    <span style="margin-right: 8px;">👍</span> Facebook
                </a>
                <a href="https://x.com/elprimotech" target="_blank" style="display: inline-flex; align-items: center; margin: 0 5px; padding: 8px 12px; background: #1DA1F2; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">
                    <span style="margin-right: 8px;">🐦</span> Twitter
                </a>
            </div>
        </div>
    </details>
</div>
Primo Chapin - Tu Mundo Viral

codigo de mostrar password

Contraseña PrimoTech
🔒 Mostrar contraseña
CONTRASEÑA: PrimoTech

¡Gracias por visitarnos!

Síguenos en nuestras redes:

<style>
.spoiler-container {
  max-width: 500px;
  margin: 0 auto;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

details {
  margin-bottom: 20px;
}

summary {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
  background: #4CAF50;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

.password-content {
  margin-top: 15px;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.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;
}

.password-box span {
  color: #4CAF50;
  background: #fffde7;
  padding: 3px 10px;
  border-radius: 3px;
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.social-links a {
  color: white !important;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
}

.yt-link { background: #FF0000; }
.fb-link { background: #1877F2; }
.tw-link { background: #1DA1F2; }
</style>

<div class="spoiler-container">
  <details>
    <summary>🔒 Mostrar contraseña</summary>
    <div class="password-content">
      <div class="password-box">CONTRASEÑA: <span>PrimoTech</span></div>
      
      <div class="thanks-box">
        <p>¡Gracias por visitarnos!</p>
        <p>Síguenos en nuestras redes:</p>
        <div class="social-links">
          <a href="https://www.youtube.com/@elprimotech" target="_blank" class="yt-link">
            <span style="margin-right:8px">▶️</span> YouTube
          </a>
          <a href="https://www.facebook.com/elprimotec/" target="_blank" class="fb-link">
            <span style="margin-right:8px">👍</span> Facebook
          </a>
          <a href="https://x.com/elprimotech" target="_blank" class="tw-link">
            <span style="margin-right:8px">🐦</span> Twitter/X
          </a>
        </div>
      </div>
    </div>
  </details>
</div>
⬇️ Descargar Código
Primo Chapin - Tu Mundo Viral

Primo Tech Password

🔒 Mostrar contraseña
CONTRASEÑA: PrimoTech

¡Gracias por visitarnos!

Primo Chapin - Tu Mundo Viral

vicitanos en redes sociales

🔒 Mostrar contraseña
CONTRASEÑA: PrimoTech

¡Gracias por visitarnos!

Primo Chapin - Tu Mundo Viral

Mostrar contraña

🔒 Mostrar contraseña
CONTRASEÑA: PrimoTech
Primo Chapin - Tu Mundo Viral

Spoiler De Descargar Programas

📋 Mostrar Código del Spoiler



<details>
  <summary>📁 Haz clic para ver el bloque de descarga</summary>
  <div style="text-align: center;">

    <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;">

        <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;
    }
    .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>



      
Primo Chapin - Tu Mundo Viral

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