이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

[gabriel] 블로그 배경 색상 변경 방법


Gabriel 3.0 이후 전체적인 코드가 바뀜과 동시에 블로그 색상을 변경하는 곳도 조금 바뀌었습니다.


블로그 색상 변경 가능한곳


총 다섯 군데의 배경색을 수정할 수 있습니다.

(글자색 수정은 따로 작성하지 않겠습니다)


자 이제, 차근차근 알아볼까요?



#1 헤더 배경색 변경

style.css 파일의 47번째 줄에 있는

#header { position: relative; padding: 130px 0 80px; background-color: #fff; }


background-color: #fff;를 변경하면 됩니다.


#2 타이틀바 배경색 변경

style.css 파일의 64번째 줄에 있는

.container-title { position: relative; padding: 60px 0 50px; color: #ddd; text-align: center; line-height: 200%; background-color: #333; box-shadow: 0 0 10px #000; overflow-wrap: break-word; word-break: keep-all; }


background-color: #333;를 변경하면 됩니다.

box-shadow: 0 0 10px #000;를 변경하면 상/하단에 나오는 그림자 색을 변경할 수 있습니다.


#3 한줄 공지 배경색 변경

style.css 파일 69번째 줄에 있는

.container-notice { display: block; padding: 20px 0; text-align: justify; background-color: #f5f5f5; box-shadow: 0 0 10px #aaa; }


background-color: #f5f5f5;를 변경하면 됩니다.

box-shadow: 0 0 10px #aaa;를 변경하면 하단에 나오는 그림자 색을 변경할 수 있습니다.


#4 본문 배경색 변경

style.css 파일 63번째 줄에 있는

#container { background-color: #fff; }


background-color: #fff;를 변경하면 됩니다.


#5 하단 배경색 변경

style.css 파일 6번째 줄에 있는

body { background-color: #333; }


background-color: #333;를 변경하면 됩니다.

최근 댓글