새는 날개로 하늘을 날지만, 소년은 천사를 쫓으려는 꿈으로 하늘을 난다. - 빠리소년

'마우스'에 해당되는 글 1건

  1. 2007.02.10 키로그의 커서 스타일 바꾸기 (8)
티스토리도 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 신고  댓글주소  수정/삭제  댓글쓰기

    잘 읽었습니다^^