본문 바로가기
SKIN & CSS

스킨에 쓰인 색을 다른 색으로 바꾸기

글: 논어일기 2020. 12. 7.
반응형

suhak.tistory.com/1234

 

빛깔과 컴퓨터 그리고 수학

요즘 고등학교 1학년인 아들과 순열과 조합을 공부하고 있다. 한동안 고 3만 가르치다가 오랜만에 1학년 수업을 하는 셈이다. 문제를 만들기에 따라서 순열과 조합 문제도 상당히 어려울 수 있다

suhak.tistory.com

다른 블로그에 적은 윗글에 이어지는 글이다. 블로그 스킨을 디자인할 때 빛깔을 입히는 일은 매우 중요한 일이다. 글자 빛깔이나 단추 빛깔만 바꿔도 블로그 전체 분위기가 확 달라진다. 먼저 컴퓨터 프로그램에서 빛깔은 앞에 해시 #가 붙은 3 또는 6개 숫자로 구별한다. 따라서 에이치티엠엘이나 시에스에스 문서도 마찬가지다.

능력이 부족해서 블로그 스킨을 혼자서 모든 걸 다 만드는 일은 불가능하므로 주로 다른 고마운 사람이 만든 스킨을 짜집기해서 만든다. 이 글은 나와 같이 다른 사람이 만든 스킨을 빌려 쓰지만 뭔가 조금은 색다른 스킨을 만들고 싶은 사람을 위한 글이다.

티스토리 스킨은 skin.html과 style.css가 주된 일을 한다. 이 가운데 시에스에스 파일을 손보면 위에서 말한 대로 분위기를 바꿀 수 있다. 관리자 화면에서 스킨 편집을 누르고 html 편집을 누르면 CSS파일을 직접 바꿀 수 있다. 바꾸고 싶은 색을 나타내는 번호를 확인한 다음 'ctrl+f'를 누르면 검색 창이 생기는데 여기에 #번호를 입력하고 엔터를 치면 그 색이 쓰인 부분을 나타내 준다. 표시된 부분을 찾아 바꾸고 싶은 색 번호로 고친다.

하지만 한두 군데가 아니고 많은 곳에 쓰인 색을 일일이 바꾸는 일은 상당히 번거로은 일이다. 이때 문서 편집기 '한글'을 이용하면 번거로움을 줄일 수 있다.

1단계 'ctrl+a'로 전체를 선택하고 'ctrl+c'로 복사한 다음 한글을 열고 'ctrl+v'로 붙여 넣기를 한다.
2단계 한글에서 찾기/찾아바꾸기를 선택하고 모두 바꾸기를 누른다.
3단계 1단계처럼 한글에 있는 전체를 선택(ctrl+a)하고 복사한 다음(ctrl+c) 스킨 편집에서 전체를 선택(ctrl+a)하고 붙여 넣기(ctrl+v)하면 끝이다.

보면 볼수록 '복붙'은 참으로 편한 기능이다. 어떤 색을 고를까 결정하기 어렵다면 아래 링크에서 서로 잘 어울리는 색을 골라 쓰면 된다.

coolors.co/

 

Coolors - The super fast color schemes generator!

Generate or browse beautiful color combinations for your designs.

coolors.co

 

반응형