Como proteger o seu conteúdo contra cópia via css

Wordpress
Visto 437 vezes des de 1 de dezembro de 2019.

Como proteger o seu conteúdo contra cópia via css

Quem trabalha com criação de conteúdo, seja ele em áudio, vídeo, imagem, textos e etc, ao menos uma vez na vida vai se deparar com a seguinte questão:

Como eu posso proteger o meu conteúdo contra cópias não autorizadas?

Infelizmente essa não é uma questão fácil, pois quem quer copiar, vai fazê-lo de qualquer jeito usando as mais diversas técnicas disponíveis por aí.

- Continua depois da Publicidade -

---

Mas você pode pelo menos inibir esse tipo de prática inconveniente em seus textos publicados em seu blog ou site apenas utilizando css.

Para isso basta inserir alguns códigos em seu arquivo .css ou se você utiliza o wordpress, pode inserir diretamente na seção CSS Adicional, no menu Aparência > Personalizar do seu painel de administrador.

Os códigos css:

O código ara evitar a seleção de textos e assim inibir a cópia do conteúdo é:

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
   user-select: none;
}

Mais em alguns casos surge um pequeno problema: Os campos “input” e “text-area” também ficam bloqueados de seleção e se você tiver um formulário, por exemplo em sua página ele pode não funcionar corretamente.

Para resolver esse problema deixando que os campos input e text-area continuem podendo ser selecionados adicione o seguinte código css junto com o anterior:

input,
textarea {
     -moz-user-select: text;
}

Então, o CÓDIGO COMPLETO impedindo a seleção dos textos, mas deixando os campos “input” e “text-area” ainda selecionáveis fica assim:

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
   user-select: none;
}
input,
textarea {
     -moz-user-select: text;
}
Pix Portal10

- Continua depois da Publicidade -

---
CONTINUE LENDO:
Tags:
#COMPARTILHE:

Deixe uma resposta

- Continua depois da Publicidade -

---


Feito com muito amor!