티스토리도 1.1 버전이 되면서 키로그 패치가 되었는데요. 자신의 블로그에 키로그를 작성하고 나서 키로그 위에 마우스를 올려보면 커서 모양이 링크와 똑같은 손바닥 스타일이어서 헷갈리게 됩니다. 저는 그렇더라구요 ^_^;;

그래서 키로그 위에 마우스를 올리면 커서가 물음표로 변하는 방법을 설명할까 합니다. 쉽고 간단하기 때문에 아시면서도 귀찮아서 안하시는 분들이 훨씬 많겠지만, 모르시는 분들을 위한 말 그대로 초간단 팁입니다. 1분, 아니 손 빠르시면 30초면 됩니다. ;;

우선 [관리자 메뉴] -> [스킨 편집] -> [style.css] 파일에서 <ctrl>+F로 키로그 항목을 찾습니다. 제가 사용하는 스킨의 경우는

.key1 {...

로 시작하는데, 티스토리 스킨커뮤니티를 대충 둘러보니 대부분의 스킨의 키로그 항목이 .key1이 아닌가 싶습니다.

찾으셨다면 cursor: hand;부분을 cursor: help;로 바꾸어 줍니다. 그리고 하단의 [저장하기]를 눌러주면 끝입니다. ^_^;; 너무 간단하죠? 예제로 저는 라디오라는 단어를 시험삼아 키로그로 지정해 보겠습니다.


차이점을 아시겠지요? 이 cursor:help;를 응용하면 글에서도 특정 단어, 단락 혹은 문장의 마우스 커서 스타일을 바꿀 수 있습니다.

cursor:help;위에 마우스를 놓을 때 마우스 커서가 물음표로 변하게 하려면 html모드로 변경한 후에 원하는 단어나 문장을 <font style="cursor: help;">와 </font>로 감싸줍니다. 글을 저장한 후 그 단어나 문장 위에 마우스 커서를 올려보면 이렇게 변합니다.

cursor:help;

물음표 외에 윈도우에서 흔히 볼 수 있는 여러가지 커서 스타일로 바꿀 수 있습니다.

cursor: text;
cursor: move;
cursor: crosshair;
cursor: wait;
cursor: nw-resize;
cursor: ne-resize;
cursor: sw-resize;
cursor: se-resize;
cursor: e-resize;
cursor: n-resize;