[tistory] 폰트 및 마우스 아이콘 변경하기( + 그림테두리 설정)

 

스킨 하나 건드렸더니 다 날라가버려서 백업용으로 쓰는 글🥹

 

 

---

 폰트변경

 

 

1. 아래 링크에 들어가서 마음에 드는 폰트를 찾아본다.

 

https://noonnu.cc/

눈누

 

 

 

 

2. 폰트를 찾은 후, 아래와 같이 눌러 css 코드를 복사한다.

 

 

 

 

 

3. 스킨편집 > css 

 

위에서 복사해둔 css 코드를 아래와 같이 붙여넣는다.

 

 

 

 

 

4. font-family를 검색하여, 아래와 같이 폰트 이름을 바꾸어준다.

 

body{}안에 있는 font-family만 바꾸어주면 된다.

 

 

 

 

 

 

 

---

마우스 아이콘 변경

 

 

1. 아래 링크에 들어가서 마음에 드는 마우스 이미지를 선택.

 

https://www.cursors-4u.com/cursor/2009/10/16/large-rainbow-pointer.html

Large Rainbow Pointer Cursor

 

 

 

 

2. 다운로드해서 넣기

 

1️⃣ 이미지를 다운로드 해서 넣는 방법과 2️⃣ css에 편집하는 방법

두가지가 있는데, 나는 1️⃣을 선택했다.

 

다운로드 버튼 클릭 !

 

 

 

 

 

3. 스킨 편집 > 파일업로드

 

이미지 파일 올리기

 

 

 

 

 

4. css 편집에 들어가서 아래와 같이 넣기.

 

 

 

 

 

---

그림 테두리 설정

 

 

스킨 > 편집 > css 편집

 

.imageblock{
 border: 1px solid #000;
}

 

 

위와 같이 넣어주면, 검정색 테두리가 생기는 걸 확인할 수 있다.

적용한 스킨에 존재하면, 그 안에다가 저 내용을 넣어주고 없으면 그냥 저대로 복사해서 넣어주면 된다.

 

 

 

⭐️⭐️⭐️

+) 추가(오디세이 스킨 기준)

위와 같이 설정했는데도 갑자기 안되기 시작했다...

 

스킨 편집 > css 편집에 가서

.article-view img를 검색해서 안에 아래와 같이 적어준다.

 

.article-view img {
	max-width: 100%;
	border-width : 1px;
	border-style : solid; 
	border-color : #000;
}

 

 

 

 

 

 

---

출처

 

https://40holic.tistory.com/520

[마우스 꾸미기 2탄] 마우스 아이콘 바꾸기

 

https://interested-in.tistory.com/10

티스토리 이미지 외곽선 테두리 만드는 방법 (css 수정) 오디세이 스킨 적용