새는 날개로 하늘을 날지만, 소년은 천사를 쫓으려는 꿈으로 하늘을 난다. - 빠리소년
티스토리도 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;

Creative Commons License일부를 제외한 모든 포스트는 별도의 언급이 없는 한 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스를 따릅니다. - 예외의 경우 빠리소년의 공지 참조

Your comment is the critical success factor for the quality of blog post ..
  1. Favicon of http://sparkstar.tistory.com BlogIcon sparkstar 2007.02.10 13:37  댓글주소  수정/삭제  댓글쓰기

    오오, 이거 유용한 팁이로군요.
    이런거를 잘 몰라서 큰일이네요

  2. Favicon of http://nacl.tistory.com BlogIcon NaCl 2007.02.12 15:57 신고  댓글주소  수정/삭제  댓글쓰기

    오호, 저는 키로그가 뭐하는건지도 몰랐는데 ^^ 좋은정보 감사합니다.

  3. Favicon of https://moneystorys.tistory.com BlogIcon Monii 2007.05.24 18:59 신고  댓글주소  수정/삭제  댓글쓰기

    오~정말 감사합니다^^ 진짜 도움 너무 많이 됬어요~흑흑~ 감사

  4. Favicon of https://blue-day.tistory.com BlogIcon blue-day 2008.02.04 00:45 신고  댓글주소  수정/삭제  댓글쓰기

    우와,, 키로그 이거 어디다 쓰는지 몰랐는데 정말 많은걸 배우고갑니다~
    잘보고가요!

  5. Favicon of http://garambit.dam.so BlogIcon 가람빛 2013.02.09 15:54 신고  댓글주소  수정/삭제  댓글쓰기

    잘 읽었습니다^^