티스토리 꾸미기 - 제목 칸 배경 어둡게 만들기

제목 뒤의 배경이 너무 거슬려서 제목을 읽기가 힘들어! 어떻게 해결해야 하지?

 

 

 

목차

 

 

 

 

 

 

 

 

 

 

 

 

 

1.설정 페이지 들어가기

 

1. 티스토리 블로그 관리 페이지로 들어가 꾸미기의 스킨 편집을 클릭합니다.

 

2. 새로 열린 창에서 html 편집 버튼을 클릭합니다.

 

 

 

 

 

 

 

 

 

 

2.코드 수정

 

3. 편집 창이 열리면 CSS를 클릭합니다.

 

4.Ctrl + F를 눌러 post-cover:before을 검색합니다.

 

여기서 봐야 할 것은 background-color: rgba(0,0,0,0.25); 코드입니다.

 

 

 

 

첫 번째 0은 R(Red), 두 번째 0은 G(Green), 세 번째 0은 B(Blue)입니다. RGB 컬러가 0, 0, 0이면 검은색이 됩니다.

 

검은색? 검은색이면 제목 칸의 배경이 새까매야 할 텐데, 왜 글에 올린 사진이 멀쩡히 보이는 걸까요?

 

그것은 마지막의 0.25가 불투명도를 나타내기 때문입니다.

 

물은 투명하지만, 여기에 페인트가 섞일수록 점점 불투명해지고 색깔이 진해지는 것과 비슷합니다.

 

우리는 제목 칸을 어둡게 만들기 위해서 이 불투명도를 올려야 합니다.

 

5. 현재 불투명도는 0.25, 즉 25%입니다. 이 0.25의 수치를 올려서 0.50으로 수정해줍니다.

 

 

 

 

 

 

 

 

 

 

0.50으로 수정한 뒤, 적용을 해줍니다.

 

 

 

 

 

 

 

 

 

3.불투명도 적용 모습

불투명도 25%

불투명도 50%

불투명도 100%

이전에 비해 확실히 어두워져서 제목을 읽는 것이 편해진 게 체감이 됩니다.

 

마지막은 불투명도를 1로 설정한 것으로, 불투명도 100%가 되었기 때문에 사진도 보이지 않고 텍스트만 보이게 되었습니다.

 

불투명도는 개개인의 취향의 영역이니 취향에 맞게 조절하시면 됩니다.