지니가는사람 0

마우스 커서 css 코드 입니다.

적용 방법은 다음 예시(휴게더 마우스 커서)처럼 32 * 32 PX(픽셀) 사이즈로 배경 투명화, PNG 파일 형식으로 평상시 마우스 커서 1종, 글이나 그림에 커서를 올렸을때 적용될 마우스 커서 1종으로 총 2가지 종류가 필요합니다.

움직이는 이미지로도 테스트 해보았는데 아무래도 크기가 작아 좋지 않았습니다. 참고해주시면 되겠습니다.

이미지를 만드신 다음에 디스코드 서버를 만드시고 이미지 업로드 -> 이미지 링크 복사 후 "/* 1 */" 부분을 지우고 평상시에 쓸 커서 1종 링크를 넣어주시고, 똑같은 방식으로 "/* 2 */"에 바뀔 마우스 커서 1종을 넣어서 트게더 css 코드에 추가해주시면 됩니다.

커서가 바뀌지 않아도 괜찮으신 분은 "/* 2 */에도 "/* 1 */" 링크를 그대로 넣어주시면 됩니다.

-------------------------------------------

html,

body,

.fr-popup.emoticons,

.fr-top,

select.form-control,

input[type=checkbox],

input[type=radio],

.opt

{

cursor: url(/* 1 */) 0 0, auto !important;

}

#right-search-form>#right-search-btn,

#board-info #board-info-bottom #addFavoriteBtn,

#article-list #article-option-area>#article-option-area-toggle-btn,

#article-list>.article-list-row>.item>.list-title>.list-writer>span,

.reply > .reply-header > .reply-writer.logged,

.reply-menu,

.btn,

.fr-toolbar .fr-command.fr-btn,

.fr-popup .fr-command.fr-btn,

.fr-view img,

.pull-left,

a {

cursor: url(/* 2 */) 0 0, auto !important;

}

span#viewers,

#article-list #boardSearchForm .form-control,

.fr-view,

.fr-box.fr-basic.fr-element,

input[type='text']

{

cursor: url(/* 2 */) 0 0, auto !important;

}

-------------------------------------------