[gabriel] 블로그 배경 색상 변경 방법
2015. 10. 13. 19:30,
티스토리/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;
를 변경하면 됩니다.