Look and Find what i've done.
thumbnail 티스토리 사이트 마우스드래그 배경색 변경 너무나도 짧고 간단한 CSS로 드래그 배경색깔을 변경할 수 있다. 뿐만 아니라, 드래그를 했을 때 CSS를 수정해서 다양한 효과, 번지는 효과 혹은 부드러운 효과 등을 표현할 수 있다. CSS/* 드래그 배경색깔 변경 */ ::selection { background: #000; color: #fff; text-shadow: none; } 위의 소스를 스킨편집 - CSS에 추가하면 적용된다. 배경색깔의 경우에는 취향에 맞게 HEX값을 넣어주면 된다. 위의 배경색상은 블랙으로 선언되어 있다. 만약 텍스트블록(마우스드래그) 시에 글씨색상을 변경하고 싶으면 Color : # 를 넣어주면 된다. 색상조합사이트 롤컬러(LOLCOLORS)링크에 밑줄 없애는 법
thumbnail 티스토리 로딩바(loading bar - Indicator) 설치하기 HTML순서대로 HTML 편집기를 열어 아래의 코드를 복사하여 붙여넣기를 하면 된다. 위 두개의 코드는 사이에 입력을 하면 된다. 스크립트로 일반 스크롤바와 같이 맨 상단에서 글의 본문 위치에 따라 로딩이 된다. 인디케이터의 경우에는 와 사이에 붙여넣는다. 그러면 맨 상단에 위의 바가 형성 될 것이다. 자바스크립트로 위치에 따라 스크롤의 컬러가 차오를 것이다. 위의 스크립트에 맞게 인디케이터 값을 불러온다. CSS /* indicator */.header { position: fixed; top: 0; z-index: 1; width: 100%; background-color: #fff;} /* The progress container (grey background) */.progress-containe..
thumbnail 티스토리 사이트 부드러운 스크롤(JavaScript) 티스토리 사이트 부드러운 스크롤(JavaScript) 위 파일을 다운 받아 자바스크립트로 실행한다. 스크립트 소스는 위 소스를 복사하여, 사이에 삽입하고 다운 받은 JS파일은 업로드하여 알맞게 링크를 걸어준다. 티스토리의 경우에는 위 링크주소를 그대로 사용하면 된다. 티스토리는 스킨편집 - 파일업로드에 파일을 업로드하여 실행한다.
thumbnail Google Code Prettify 설치하기 / 코드입력기 Google Code Prettify 설치하기사이트 내에서 구현되는 코드입력기인데, 구글에서 제공하고 있는 스크립트를 통해서 매우 쉽게 구현이 가능하다. 기본 스크립트 설정하기 위와 같이 스크립트를 추가해주면 바로 사용이 가능하고, 사용할 때는 Pre 태그를 통해서 구현한다. 서식으로 한번 만들어두면, 매번 HTML 편집을 통해서 추가할 필요 없이 바로 사용할 수 있어 편리하다. ...... 추가 언어도 설정이 가능하여, 맨 위와 같은 방법으로 스크립트를 추가하여 언어를 추가할 수 있다. Apollo; Basic; Clojure; CSS; Dart; Erlang; Go; Haskell; Lasso; Lisp, Scheme; LLVM; Logtalk; Lua; MATLAB; MLs: F#, Ocaml,SM..
thumbnail 아름다운 CSS와 JavaScript 역시나 오늘 아침에도 간단한 사이트 구조를 수정했다. 언어를 새롭게 공부하면서 응용해보려니 쉽지가 않다. 영어를 조금 잘 할줄 안다면 코딩이 조금 쉽게 느껴질텐데, 역시나 어렵다. 지금에서야 웹코딩 정도만 할줄 알고 각종 프로그래밍 언어를 공부해야한다고 하면 어느세월에 그걸 다 하게 될지 모르겠지만, 그래도 자유롭게 사이트 구조를 내 입맛대로 바꾸고 수정할 수 있는 정도까지는 열심히 배워보고 싶다. 인터넷에 널려있는 정보들을 하나하나 분석해보고 적용시켜보고 하는 반복작업이지만 거기서 추가로 내가 조금씩 배웠던 것들을 응용시키면 화려하지는 않더라도 나름대로 봐줄만한 디자인 작업이 완성된다. 일러스트나 포토샵과는 다르게 논리와 순서, 그리고 정확한 값이 요구되는 웹코딩은 그야말로 수학공부를 하는 것 같은 느..
thumbnail 숫자출력문 (1부터 100까지 숫자 출력하기) 티스토리는 정말 어렵다. 이 어려운 티스토리를 더 어렵게 만드는 이유는 내 욕심 때문일 것이다. 매크로와 같은 것들이 무수하게 많다. 하지만, 한번 배워놓으면 너무나도 편리한 마법같은 프로그래밍 문법들도 있고 전공자가 아니더라도 조금만 이해하면 매우 편리하게 다양한 곳에 사용할 수 있다.가령, 내가 가장 많이 쓰는 구문 중 하나가 바로 반복출력이다. 숫자를 나열하는 건데, 알다시피 티스토리의 경우에는 게시글의 주소가 1부터 게시글 숫자대로 형성이 된다. 예를 들어 모든 게시글의 링크를 얻어야 한다고 할 때, 하나하나 1부터 현재 발행한 숫자만큼 쓰려면 시간도 걸리고 귀찮다. 게시글이 많은 사람은 더욱 더 반복작업을 해야한다. 그럴 필요 없이 아래의 구문을 입력하고 숫자를 출력하면 아래의 문법대로 숫자가 ..