티스토리 코드블럭 배경색 간단하게 변경하기.

티스토리의 코드블럭 배경 색상만 간단하게 바꾸고 싶었는데

검색해보니 단순히 배경만 바꿔주는 방법이 안 나와서,, 직접 변경해본 후 이 글을 쓰게 되었다.

나처럼 only 배경색만 바꾸고 싶은 사람들에게 적합한 방법이다.

(나는 검색에 나온 방법으로 해도(링크사용) 테마 변경이 안 되어서 이 방법을 쓸 수밖에 없었는데, 아마 사용 중인 스킨의 코드블럭의 배경색 부분에 !important가 적용되어 있어서 그랬던 것 같다..^^)

 

 

그냥 직접 CSS의 background-color를 수정해주면 되는 간단한 방법이다.

 

먼저 검사(F12)로 코드블럭의 명을 확인한다.

확인할 때는 왼쪽 상단에 있는 노란색 표시된 부분을 체크한 상태로 요소에 갖다 대면 된다.

 

그다음,

블로그 관리 > 꾸미기 > 스킨 편집을 들어가서

html편집을 눌러준다.

 

그다음 CSS로 들어간 후, ctrl+f 를 이용해 코드 태그의 위치를 찾아준다.

 

 

그다음 background-color 부분을 원하는 색상으로 변경해주면 끝이다.

쓸데없는 팁: 색상 코드 부분을 클릭하면 16진수 등으로 변경할 수도 있음

 

잘 바뀐 것을 확인할 수 있다^-^

 

이외의 수정해주고 싶은 속성이 있다면 직접 추가&수정해주면 된다.

만약 테두리를 변경하고 싶다면 border에 색상을 변경하거나 사이즈를 늘려주고, style변경 등을 하면 될 것이고

border-radius(테두리 둥글기)를 변경하고 싶으면 직접 값을 수정해주면 될 것이다.

 

 

이런 식으로