드래그 방지 마우스우클릭 복사방지 스크립트 2019. 2. 26. 사이트에서 저작권 문제 때문에 불안하다면 드래그가 되지 않도록 스크립트를 삽입하여 불펌 등을 예방할 수 있습니다. 물론 아는 사람들은 너무나도 쉽게 뚫어버리긴 하지만, 그래도 번거로운 과정이 포함되기 때문에 스크립트를 넣으면 대부분의 경우 불펌을 방지할 수 있습니다. 지금까지 몇 군데 빼고는 복사방지 스크립트가 다 뚫리긴 했습니다. 사실 인터넷에 있는 정보는 마음만 먹으면 대부분 쉽게 가져올 수 있습니다. 따라서, 여러모로 이런 부분에도 신경을 쓰면 그나마 더 낫기는 할 것입니다. 위 텍스트를 태그 바로 위에 붙여넣기를 하여 스크립트를 실행시킵니다. 다른 방식으로도 구현이 가능합니다.

티스토리 사이트 마우스드래그 배경색 변경 2019. 2. 25. 너무나도 짧고 간단한 CSS로 드래그 배경색깔을 변경할 수 있다. 뿐만 아니라, 드래그를 했을 때 CSS를 수정해서 다양한 효과, 번지는 효과 혹은 부드러운 효과 등을 표현할 수 있다. CSS /* 드래그 배경색깔 변경 */ ::selection { background: #000; color: #fff; text-shadow: none; } 위의 소스를 스킨편집 - CSS에 추가하면 적용된다. 배경색깔의 경우에는 취향에 맞게 HEX값을 넣어주면 된다. 위의 배경색상은 블랙으로 선언되어 있다. 만약 텍스트블록(마우스드래그) 시에 글씨색상을 변경하고 싶으면 Color : # 를 넣어주면 된다. 색상조합사이트 롤컬러(LOLCOLORS) 링크에 밑줄 없애는 법

티스토리 로딩바(loading bar - Indicator) 설치하기 2019. 2. 25. HTML 순서대로 HTML 편집기를 열어 아래의 코드를 복사하여 붙여넣기를 하면 된다. 위 두개의 코드는 사이에 입력을 하면 된다. 스크립트로 일반 스크롤바와 같이 맨 상단에서 글의 본문 위치에 따라 로딩이 된다. 인디케이터의 경우에는 와 사이에 붙여넣는다. 그러면 맨 상단에 위의 바가 형성 될 것이다. 자바스크립트로 위치에 따라 스크롤의 컬러가 차오를 것이다. 위의 스크립트에 맞게 인디케이터 값을 불러온다. CSS /* indicator */ .header { position: fixed; top: 0; z-index: 1; width: 100%; background-color: #fff; } /* The progress container (grey background) */ .progress-cont..

티스토리 사이트 부드러운 스크롤(JavaScript) 2019. 2. 25. 티스토리 사이트 부드러운 스크롤(JavaScript) 위 파일을 다운 받아 자바스크립트로 실행한다. 스크립트 소스는 위 소스를 복사하여, 사이에 삽입하고 다운 받은 JS파일은 업로드하여 알맞게 링크를 걸어준다. 티스토리의 경우에는 위 링크주소를 그대로 사용하면 된다. 티스토리는 스킨편집 - 파일업로드에 파일을 업로드하여 실행한다.

사이트 미리보기 페이지 로드기능 추가하기(instant.page) 2019. 2. 19. instant.page instant.page uses just-in-time preloading — it preloads a page right before a user clicks on it. Before a user clicks on a link, they hover their mouse over that link. When a user has hovered for 65 ms there is one chance out of two that they will click on that link, so instant.page starts preloading at this moment, leaving on average over 300 ms for the page to preload. On mobile, ..

아름다운 CSS와 JavaScript 2019. 2. 6. CSS와 JavaScript 역시나 오늘 아침에도 간단한 사이트 구조를 수정했다. 언어를 새롭게 공부하면서 응용해보려니 쉽지가 않다. 영어를 조금 잘할 줄 안다면 코딩이 조금 쉽게 느껴질 텐데, 역시나 어렵다. 지금에서야 웹코딩 정도만 할 줄 알고 각종 프로그래밍 언어를 공부해야 한다고 하면 어느 세월에 그걸 다 하게 될지 모르겠지만, 그래도 자유롭게 사이트 구조를 내 입맛대로 바꾸고 수정할 수 있는 정도까지는 열심히 배워보고 싶다. 인터넷에 널려있는 정보들을 하나하나 분석해보고 적용시켜보고 하는 반복 작업이지만 거기서 추가로 내가 조금씩 배웠던 것들을 응용시키면 화려하지는 않더라도 나름대로 봐줄 만한 디자인 작업이 완성된다. 일러스트나 포토샵과는 다르게 논리와 순서, 그리고 정확한 값이 요구되는 웹코딩..