Como proteger o seu conteúdo contra cópia via css
5 anos ago
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í.
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;
}
Se você quiser conhecer outros artigos semelhantes a Como proteger o seu conteúdo contra cópia via css você pode visitar a categoria PORTALPARALELO.
Deixe um comentário
LEIA MAIS: