본문 바로가기
티스토리 운영

티스토리 박스안 글 드래그 일부 복사 허용하는 방법

by *&*^%$ 2023. 4. 16.
반응형

티스토리 박스 안 글 드래그 일부 복사 허용하는 방법에 대해 오늘은 이야기해 볼까 합니다. 

티스토리 블로그를 쓰다 보면 코딩에 대한 절실함을 느낄 때가 많습니다. 그렇다고 블로그를 쓰기 위해 그 어렵다는 코딩을 배울 수도 없고 그냥 하려니 티스토리 운영방법에는 코드복사가 필요한 경우가 매우 많죠.

오늘은 내가 쓴 글복사는 안되지만 박스 안 글 일부 복사 허용할 수 있는 방법을 알려드릴게요.

 

티스토리 박스 안 글 일부허용 썸네일

 

목차

     

    티스토리 박스 안 글 일부 복사 허용

    티스토리 박스안 글을 일부 복사 허용을 해야 하는 경우가 종종 있습니다. 

    보통 티스토리 운영에 대한 글을 쓰는 경우 프로그램을 코드에 복사해 넣어야 하는 방법을 알려드릴 때 필요하지요.

     

    반응형

     

    마우스 오른쪽 클릭 방지 해제

    티스토리 박스안 글을 일부 복사 허용을 하기 위해 최우선으로 해야 할 것이 바로 마우스 오른쪽 클릭 방지 해제입니다.

     

    마우스 우클릭 방지버튼

     

    마우스 오른쪽 클릭 방지 버튼을 해제 후 블로그 관리 ▶ hyml 편집 ▶ CSS의 최하단에  아래 글을 복사하여 넣어주시면 됩니다.

     

    그렇게 하면 티스토리의 다른 글들은 보호되면서 박스 안의 글만 드래그가 가능한 상태로 만들어 줍니다.

     

     

    /* 마우스 우클릭 드래그 금지 */

     
    code{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    }
    .code{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    }
    .txc-textbox{
    -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;
    }

     

    아래 이미지는 위의 코드를 티스토리 CSS에 복사하여 넣은 이미지입니다.

    빨간색 박스가 박스 안의 글을 드래그할 수 있게 해주는 코드입니다. 나머지는 코드는 드래그 불가 코드입니다.

     

    여기까지 완료해 주면 내가 쓰는 글 중 상자 안의 글을 일부 드래그 허용하는 글이 될 수 있습니다.

    생각보다 매우 쉬운 방법이지요 여러분들도 위의 코드를 활용하여 티스토리 글 작성 시 많은 도움이 될 수 있기를 바랍니다.

    반응형