HTML/CSS 편집에서 블로그 사이드바 배경색 바꾸기

예전에 HTML/CSS편집 모드에서 블로그 배경색 바꾸기에 대해서 설명을 드렸고 이번에는 제가 사용하는 3단형 NaVyMoD 스킨의 좌측 사이드바의 배경색을 바꿔보기로 하겠습니다.

샘플로 보여드릴 블로그 좌측 사이드바(변경전 스샷 이미지)의 색상표를 보면 #2a537d의 진청색을 가지고 있으며 사이드바 색상은 gif 이미지 파일로 사용되어 있습니다.

좌측 사이드바 배경색을 바꾸려면 관리자(admin) → 스킨 → HTML/CSS 편집에서 style.css창으로 이동하여 스크롤을 조금 내려가다 보면 /* 블로그 레이아웃 */ 태그 소스가 보일 것입니다.

/* 블로그 레이아웃 */

#container {

width: /*@post-width:400*/ 1006px /*@*/;

margin: 0 auto;

background: #fff url(images/bg_sidebar_left.gif) repeat-y;

}

이 태그소스코드에서background: #fff url(images/bg_sidebar_left.gif) repeat-y;로 되어 있는데 url(images/bg_sidebar_left.gif) repeat-y; 이 소스코드를 삭제해주시고 색상코드인 #fff 원하는 색상코드로 바꾸어주시면 됩니다.

예로 흰색으로 바꾸어 주시고 싶다면 url(images/bg_sidebar_left.gif) repeat-y; 코드를 삭제하고 #fff를 #fffff로 바꾸어 주시면 되고 다른 색을 원하신다면 HTML/CSS편집 모드에서 블로그 배경색 바꾸기(링크) 참조하시기 바랍니다.

writen by 7istory.tistory.com