강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

HTML 문서에서 데스크탑용 커서 사용하기
작성자 : 99 단국강토
등록날짜 : 2009.02.19 10:51
2,673
HTML 문서에서 데스크탑용 커서 사용하기
화살 나무
눈송이1 눈송이2

옆의 글씨 위에 마우스커서를 각각 올려보세요.

커밋커서를 별도로 설치하지 않고도, HTML 문서 안에 간단하게 다양한 모양의 커서를 만들어 낼 수있습니다. 익스플로러 6 이상에서만 보입니다.

움직이지 않는 커서의 확장자는 cur, 움직이는 커서의 확장자는 ani 입니다. 둘 중 아무거나 사용할 수 있습니다.
탐색기를 열어서 윈도우즈가 설치된 폴더 안의 cursors 폴더로 들어가 보시면 커서가 있습니다. 맘에 드는 커서를 골라 사용하시면 됩니다. 또한, 각종 공개자료실(심파일 등)에서 '커서' 라는 단어로 검색해도 찾을 수 있습니다(커서를 원하는 모양으로 만드는 프로그램도 찾을 수 있습니다). 마음에 드는 커서를 고른 후, 계정에 올리고 아래처럼 사용하면 됩니다.

t.gif
문서 전체에 적용하는 방법
number1.giftag_body.gif에 style="cursor:url(kissofgod.ani)" 를 추가합니다.
rt_lefttop.gif t.gif rt_righttop.gif
t.gif

<body style="cursor:url(kissofgod.ani)">

t.gif
rt_leftbottom.gif t.gif rt_rightbottom.gif
kissofgod.ani 는 데스크탑커서의 경로 및 이름.

 

t.gif
링크영역 전체에 적용하는 방법
number1.giftag_headhead.gif에 아래 소스를 넣습니다.
rt_lefttop.gif t.gif rt_righttop.gif
t.gif

<style type="text/css">
<!--
A:hover {cursor:url(kissofgod.ani)}
-->
</style>

t.gif
rt_leftbottom.gif t.gif rt_rightbottom.gif
kissofgod.ani 는 데스크탑커서의 경로 및 이름.

 

t.gif
문서의 일부에 적용하는 방법
number1.giftag_bodybody.gif의 원하는 위치에 style="cursor:url(kissofgod.ani)" 를 아래와 같은 방법으로 각각 추가하면 됩니다.
rt_lefttop.gif t.gif rt_righttop.gif
t.gif

텍스트에

신의키스 (←커서 올려보세요)

<font style="cursor:url(kissofgod.ani)">신의키스</font>

링크에

신의키스 (←커서 올려보세요)

<a href="http://kissofgod.net" style="cursor:url(kissofgod.ani)">신의키스</a>

그림에

css03.gif (←커서 올려보세요)

<img src="image.jpg" style="cursor:url(kissofgod.ani)">

테이블에

<table style="cursor:url(kissofgod.ani)">

 

테이블 안의 일부 셀에
(셀 위에 커서 올려보세요)

<td style="cursor:url(kissofgod.ani)">

t.gif
rt_leftbottom.gif t.gif rt_rightbottom.gif
kissofgod.ani 는 데스크탑커서의 경로 및 이름.

 

t.gif
외부에 저장된 스타일시트문서를 링크하는 방법 은 제대로 지원하지 않는듯 합니다.
(같은 폴더 내에 있는 스타일시트화일의 외부링크는 됩니다.)

출처 : Tong - ddakzzi님의 CSS통

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
3195 투명 테이블 99 단국강토 02.19 2074
3194 이미지 사용하지 않고, HTML문서에 그라데이션 표현하기 99 단국강토 02.19 2116
열람중 HTML 문서에서 데스크탑용 커서 사용하기 99 단국강토 02.19 2674
3192 테이블로 입체버튼 만들기 99 단국강토 02.19 2361
3191 html 문서에 테두리 넣기 99 단국강토 02.19 2512
3190 List 아이템을 그림으로 바꾸기 99 단국강토 02.19 2066
3189 프린트 할때 폰트 다르게 표현하기 99 단국강토 02.19 2393
3188 media-print CSS 를 아시나요? 99 단국강토 02.19 2139
3187 스타일시트 99 단국강토 02.19 2442
3186 한줄 Tip 99 단국강토 02.19 2705
3185 [css] 텍스트 / 폼 / 테이블 / 버튼 / 체크박스 99 단국강토 02.19 2605
3184 link색 바꾸기 99 단국강토 02.19 3137
3183 버튼 미디어 플래이어를 구현해 보자 99 단국강토 02.19 3027
3182 CSS 사용방법 - 폰트표현 99 단국강토 02.19 4766
3181 CSS 사용 표현 - 위치표현 99 단국강토 02.19 2689
3180 레이어(Layer) 팝업 만들기 99 단국강토 02.19 3176
3179 문자열 체크 99 단국강토 02.19 1783
3178 onUnLoad 이벤트 제어하기 99 단국강토 02.19 2711
3177 onUnLoad 이벤트 제어하기 99 단국강토 02.19 2894
3176 Input Box의 readOnly 속성 제어하기 99 단국강토 02.19 2988
3175 Input Box의 readOnly 속성 제어하기 99 단국강토 02.19 2653
3174 iframe 속성 설명 99 단국강토 02.19 2351
3173 iframe 속성 설명 99 단국강토 02.19 2411
3172 Textare 에 이미지 넣기 99 단국강토 02.19 1641
3171 Textare 에 이미지 넣기 99 단국강토 02.19 2079
3170 form enctype (encoding) 조절하기 99 단국강토 02.19 2378
3169 form enctype (encoding) 조절하기 99 단국강토 02.19 2862
3168 new Image() 사용하기 99 단국강토 02.19 1660
3167 new Image() 사용하기 99 단국강토 02.19 2052
3166 특수문자 입력 방지하기 99 단국강토 02.19 3341
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취