본문 바로가기
✏️ 티스토리 꾸미기

[티스토리 꾸미기] 마우스를 꾸며보자

by 뽀짜꼬 2025. 1. 9.
728x90
반응형

요즘 블로그랑 노션 꾸미기에 빠졌다. 공부를 너무 열심히 해서 그런걸까?

아까는 블로그 헤더를 꾸미고, 지금은 마우스를 변경해보았다. 넘넘 귀여움

 

왜 개발자들이 티스토리 사용하는지 알겠다. 자유도가 높네!

 

그러면 마우스 꾸미기 레지고


목차

1.  마우스 아이콘 변경하기

2.  마우스를 따라다니는 애니메이션 넣기


1.  마우스 아이콘 변경하기

1) 우선 바꿀 큐티빠띠한 마우스를 골라야겠지.

마우스 아이콘들을 쇼핑해보자. (물론 무료이다. my mouse is free)

 

👇링크는 아래와 같다👇

https://www.cursors-4u.com/

 

Free Cursor Downloads - Cursors-4U.com

Date: 16 Jan 2024, 22:00 By Tor With 12 Comments All commenting and comments have been removed from the cursor pages. Too many negative comments that got out of hand. Date: 28 Dec 2023, 00:37 By Tor With 1 Comments Haven't work on this site in years. But I

www.cursors-4u.com

 

아무도 물어보지 않았겠지만 내가 고른 마우스는 이거다. 넘넘 이쁨.

마우스를 골랐으면 고른 마우스 아이콘을 클릭해서

2) Option2의 내용을 모두 복사한다.

 

3) 티스토리 스킨 편집 - html 편집 으로 돌아온다.

CSS 편집의 가장 아랫줄로 간다.

 

이렇게 제일 아랫줄에 붙여넣기 하면 끝!

/* 마우스커서 */ 주석은 내가 달았다.

 


2.  마우스를 따라다니는 애니메이션 넣기

1) 애니메이션을 골라야겠지.

👇아래의 링크로 들어간다👇

https://www.mf2fm.com/rv/dhtmldigitalwatch.php

 

RV's free DHTML and JavaScript effects :: Digital Clock or Watch that follows the mouse cursor

STEP 1: Copy and paste the code below so that it sits between the and tags at the top of your web-page: // <![CDATA[ var colour="#639"; // change the colour of the clock var clock_size=8; // change the size of the clock (range is from 4 to as big as you li

www.mf2fm.com

2) MOUSE EFFECTS에서 원하는 효과를 클릭한다.

하나하나 눌러보면 된다.

 

3) 코드를 모두 복사한다.

와아아앙 적혀있는거 모두 긁어오면 됨

 

4) 티스토리 스킨 편집 - html 편집 으로 돌아온다.

이번엔 html의 <header>어쩌구....여기!!</header>

사이에 넣어준다.

 

넣을 위치가 고민되는 분들을 위해 위치도 여기!! 하고 표시해줬다.

 

그러면 적용 완료💙

728x90
반응형