![[Tistory] 마우스 커서 바꾸기/ 클릭 시 마우스 커서 변경](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbcwtpy%2FbtrIjOc2e5a%2Fz1KYaex4UwPKzWfOALozQ0%2Fimg.gif)
마우스 커서 바꾸기
사이트 접속하기
Free Cursor Downloads - Cursors-4U.com
Date: 4 Feb 2021, 21:35 By Tor With 3 Comments This month's favorite cursors is the "Sexy Red Lips". It's unknown who made the image. If you know who did it, send me an email so I can give proper credit. Also being February, check out some Valentine's Day
www.cursors-4u.com
광고가 너무 많아서 당황스럽긴 한데 ㅠㅠ;; 무료니까
위에 보면 인기있는 목록도 볼 수 있고, 내가 원하는 카테고리를 선택해서 구경할 수 있다!
원하는 마우스 커서 클릭 후
나는 바로 css 파일 내에 적용시킬 것이기 때문에 option2에 있는 코드 복사!
-> 현재 블로그에 적용 돼 있는 체리커서 링크!
https://www.cursors-4u.com/cursor/2010/08/25/cute-cherry.html
Cute Cherry Cursor
Option #1 - Universal CSS/HTML Code This CSS/HTML Code of Cute Cherry works on almost every website or web page on the internet that allows, CSS and HTML coding. Like forums, normal web page etc. * {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo424.
www.cursors-4u.com
티스토리 설정
설정으로 들어가 스킨 편집 클릭
스킨편집 상단 오른쪽 html 편집을 클릭해주자
css 내에 붙여넣어주자!
클릭 시 마우스 커서 변경하기 :active
- css 반응 선택자를 이용한 방법이다!
글작성 기준으로 현재 기본마우스커서는 체리이고, 마우스 클릭 시 오렌지로 바뀐다!
똑같이 사이트에 접속 후 사용하고 싶은 마우스커서 코드를 가져오고 css 탭까지 들어가자!
막 붙여넣었을 시는 이런 코드인데
/* Start https://www.cursors-4u.com */
* {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo423.cur), auto !important;} /* End https://www.cursors-4u.com */
*모양 뒤에 :active 를 넣어주자
/* Start https://www.cursors-4u.com */
*:active {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo423.cur), auto !important;} /* End https://www.cursors-4u.com */
적용해보면 변경 된 것을 확인할 수 있다!!
'Tistory' 카테고리의 다른 글
| [Tistory] 마우스 커서 애니메이션 효과 넣기 (0) | 2022.07.28 |
|---|---|
| [Tistory] 폰트 바꾸기 (0) | 2022.07.13 |