본문 바로가기

Study/etc

티스토리에 마우스 이펙트 / 마우스 커서 적용하기✨

728x90

 

1. 마우스 이펙트 적용하기

 

http://www.mf2fm.com/rv/dhtmlbubblecursor.php

 

Underwater Bubble Cursor Javascript :: RV's free DHTML effects

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 colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles

www.mf2fm.com

위의 페이지에 들어가면 여러 마우스 효과를 볼수 있다!!

 

 

여기서 이것저것 눌러보고 마음에 드는 효과를 고른다

 

 

그리고 CLICK HERE를 눌러서 코드 복사!

 

 

블로그 편집에 들어가서 스킨 편집을 눌러준다

 

 

 

스킨 편집 페이지에서 html편집으로 들어간다

 

 

 

여기서 <head></head> 태그 사이에 복사한 걸 붙여넣으면 끝!!

 

 

 

나는 제일 밑에 넣어줬다

 

 

 

생각보다 엄청 길다...!!

 

 

 

 

이렇게 하면 적용 끝!

 

 


2. 마우스 커서 바꾸기

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

 

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 코드가 있다

Option #2라고 되어있는 곳을 복사한다!!

 

 

티스토리 스킨 편집에서 html 편집으로 들어가 CSS 위쪽에 아무데나 붙여넣기 하면 끝!

 

 

👇완성본

728x90
LIST