라비아

티스토리 사이드바 색깔을 흰색으로 변경




블로그 개설 이틀차이지만, 하나하나 저에게 맞게 바꿔나가고 있습니다.
기본스킨을 그냥 이용해도 되지만 뭔가 저만의 스타일을 만들어보고 싶은 마음 때문인것 같습니다.
한가지 눈에 거슬리는 것이 있었는데 바로 사이드바의 색상이었습니다.

헤더와 본문을 모두 흰색으로 해놓았는데,
사이드바만 회색계통으로 되어있으니 뭔가 매치가 안되는 것 같은 느낌이 들었습니다.
스킨 자체에서 제공하는 사이드바 색변경 서비스는 없는 것 같아서....
허접하지만 직접 html 소스를 만져보기로 했습니다.

첫번째로 시도한 방법은....
html 부분의 소스에서 sidebar 항목을 찾아, 자체에 색상을 지정하는 방법입니다.

           

왼쪽사진은 기존에 있던 소스입니다. <div id="sidebar"> 부분에다가 배경색깔 소스를 넣어서,
<div id="sidebar" style="background-color:#FFFFFF;"> 로 바꾸어보았습니다.
당연히 잘 해결될줄 알았지만 한가지 문제점이 발생하더군요 ㅋㅋ



위 사진은 좀전처럼 소스를 바꾸었을때, 

실제로 출력되던 사이드바 끝부분의 일부를 나타낸 사진입니다.



자세히 보면 알겠지만 사이드바가 끝나는 지점부터는 또다시 회색이 나오고 있습니다.
본문내용이 사이드바보다 길 경우, 사이드바의 나머지 자리가 모두 기존색이었던 회색으로 출력됩니다.

두번째로 시도한 방법은....
css 편집이었습니다.

           

왼쪽사진은 css 편집창에서 container 부분 맨 아래에 있는 기존의 소스입니다.
오른쪽사진은 background : url........ 부분을 삭제하고 흰색소스인 #ffffff 를 삽입한 모습입니다.



그랬더니 위 사진처럼 아까와같은 문제가 발생하지 않더군요.
블로그운영 초반부터 난관이 많습니다ㅋㅋ 아직 주제도 못정했는데
스킨편집때문에도 고생하는 것 같네요. 혹시라도 사이드바 색 변경하고싶으신 분들은
간단하게 참고해도 좋을 것 같습니다.