티스토리 글 내용 중 코드영역 제외한 나머지만 복제 불가 CSS 설정

개인적으로 블로그에서 

복사가 안되게 막아 놓은 블로그는

왠지 계속 정보를 보기가 어렵게 된다

 

글을 읽으면서도 마우스로 글을 긁으면서 (복사 의도 없음에도)

보기도 하지 않는가?

 

그런데 나는 막아놨다 ㅋㅋ 아직은

사실이다

그런데 개발자들은 적어도 코드 영역은 복사 가능하도록 열어놔야 한다

이게 나의 상식이다

 

그래서 복사가 필요한 내용은 나 조차도

코드영역을 열어서 거기다가 내용을 적곤한다.

특히 코딩이나 스크립트같은 내용은 필수로 말이다

 

그것을 티스토리 CSS 에서 어떻게 세팅하나 알아보자

 

우선 블로그 관리자 모드에서

 

스킨 편집 가즈아~

 

html 편집 선택

 

아래 CSS 스크립트 추가하고 저장 끝~

 

코드를 개발자 사람들이 복사 가능하도록 코드에 넣는다

 

/* 블로그 불펌방지 및 CODE 영역 허용 */
code {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}