Script No Copy ~ Blogul lui Petre Vitan

Widget Script No Copy - Protecție Totală Conținut Realizat de petre-vitan pentru ileana

Previzualizare efect (Încercați să selectați textul sau să dați click dreapta în caseta de mai jos):

Exemplu Articol Protejat

Această casetă simulează protecția blogului. Textul din interiorul ei nu poate fi selectat, copiat sau accesat prin click dreapta. Încearcă acum!

Codul sursă de copiat pentru Blogspot:

<!-- ======================================================= -->
<!-- SCRIPT SCRIPT NO COPY - PROTECȚIE CONȚINUT              -->
<!-- Realizat de petre-vitan pentru ileana                  -->
<!-- Sursa: https://nurilusa1965.blogspot.com/               -->
<!-- ======================================================= -->

<style>
/* Dezactivează selectarea textului pe întreg blogul */
body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */
}

/* STILURI PENTRU CASETA DE MESAJ CUSTOM CU BORDURĂ ANIMATĂ */
.custom-alert-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Revenit la transparența inițială plăcută */
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.custom-alert-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* Containerul care generează bordura animată */
.custom-alert-border-wrap {
  position: relative;
  max-width: 400px;
  width: 90%;
  border-radius: 16px;
  padding: 3px; /* Grosimea bordurii */
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  transform: translateY(-20px);
  transition: transform 0.3s ease;
}

.custom-alert-overlay.show .custom-alert-border-wrap {
  transform: translateY(0);
}

/* Elementul care se rotește în fundal pentru a crea efectul de bordură */
.custom-alert-border-wrap::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(#ff4d4d, #4f46e5, #34d399, #ff4d4d);
  animation: rotateBorderInverse 2s linear infinite;
}

/* Animația de rotație în sens invers */
@keyframes rotateBorderInverse {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* Caseta efectivă de mesaj */
.custom-alert-box {
  position: relative;
  background: #111111; /* Modificat: Fundal mult mai închis pentru text */
  padding: 30px;
  border-radius: 14px;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  z-index: 1;
}

.custom-alert-icon {
  font-size: 40px;
  color: #ff4d4d;
  margin-bottom: 15px;
  display: inline-block;
  animation: pulseIcon 2s infinite alternate;
}

@keyframes pulseIcon {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

.custom-alert-box h3 {
  margin: 0 0 10px 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.custom-alert-box p {
  margin: 0 0 20px 0;
  color: #b3b3b3;
  font-size: 15px;
  line-height: 1.5;
}

.custom-alert-btn {
  background: #232323;
  color: #ffffff;
  border: 1px solid #444444;
  padding: 12px 30px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
}

.custom-alert-btn:hover {
  background: #333333;
  border-color: #ff4d4d;
  box-shadow: 0 0 10px rgba(255, 77, 77, 0.3);
}

.custom-alert-btn:active {
  transform: scale(0.98);
}
</style>

<script type='text/javascript'>
//<![CDATA[
// Cod dezvoltat de petre-vitan pentru https://blogspot.com
(function() {
  
  const overlay = document.createElement('div');
  overlay.className = 'custom-alert-overlay';
  overlay.innerHTML = `
    <div class="custom-alert-border-wrap">
      <div class="custom-alert-box">
        <div class="custom-alert-icon">🔒</div>
        <h3>Conținut Protejat</h3>
        <p>Conținutul acestui blog este protejat! Copierea textelor și a imaginilor nu este permisă.</p>
        <button class="custom-alert-btn">Am înțeles</button>
      </div>
    </div>
  `;
  document.body.appendChild(overlay);

  const closeBtn = overlay.querySelector('.custom-alert-btn');
  
  function showCustomAlert() {
    overlay.classList.add('show');
  }

  function hideCustomAlert() {
    overlay.classList.remove('show');
  }

  closeBtn.addEventListener('click', hideCustomAlert);
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) hideCustomAlert();
  });

  // 1. Dezactivare Click Dreapta
  document.addEventListener("contextmenu", function(e) {
    e.preventDefault();
    showCustomAlert();
  });

  // 2. Dezactivare Scurtături de taste
  document.addEventListener("keydown", function(e) {
    if (e.ctrlKey && (e.key === "c" || e.key === "C" || e.key === "x" || e.key === "X" || e.key === "u" || e.key === "U" || e.key === "s" || e.key === "S")) {
      e.preventDefault();
      showCustomAlert();
      return false;
    }
    if (e.keyCode === 123) {
      e.preventDefault();
      showCustomAlert();
      return false;
    }
  });

  // 3. Protecție imagini
  document.addEventListener("dragstart", function(e) {
    if (e.target.nodeName === "IMG") {
      e.preventDefault();
    }
  });
})();
//]]>
</script>

🛠️ Cum se instalează scriptul de protecție pe Blogspot:

Copiați scriptul făcând clic pe butonul Copiază Codul situat direct deasupra casetei de text.
Accesați panoul administrativ Blogger.
În meniul din stânga, faceți clic pe opțiunea Temă (Theme).
Apăsați pe triunghiul mic de lângă butonul portocaliu „Personalizează” și selectați Editați HTML (Edit HTML).
Faceți un clic în interiorul editorului de cod și apăsați scurtătura Ctrl + F.
Căutați tag-ul de închidere structurală </body>.
Lipiți codul copiat exact deasupra / înainte de această etichetă </body>.
Apăsați pictograma de Salvare (dischetă) din colțul din dreapta-sus al ecranului pentru a publica scriptul de protecție.

Script No Copy

Exemplu Articol Protejat

Niciun comentariu:

Trimiteți un comentariu

Formular de contact

Nu rata nicio noutate! Abonează-te și primești articolele pe mail:

Articole la întâmplare

Blogul lui Nurilusa

Ultimile comentarii

Bine de stiut