티스토리 사이드바 폭 변경

티스토리 사이드바 넓이가 위젯과 맞지 않아서 폭을 변경하기로 했다.

 

1. HTML/CSS - style.css 소스에서 sidebar를 찾아 넓이를 200px 에서 300px로 변경(사이드바 변경입니다.)

 

 

 

2.HTML/CSS - style.css소스에서 contatiner를 찾아 원래보다 100px 더해서 변경합니다. (총크기 변경입니다)

 

3. 사이드바의 넓이를 100px 늘렸더니 배경이미지가 100px만큼 문제가 생겼습니다. 

 

4. 다시 container로 돌아와서 배경 이미지 파일을 확인합니다.

 

 

5.HTML/CSS - 파일업로드에서 images/tistory_bg.gif 파일을 찾아 내컴퓨터로 다운로드 합니다. (마우스 우클릭)

 

6. 포토샵으로 다운받은 파일을 불러 폭 넓이를 100px 늘려 내 컴퓨터에 tistory_bg_new.gif 로 저장합니다.

 

 

7. 파일들 하단에서 추가를 누른후 저장해둔 tistory_bg_new.gif를 업로드 합니다.

 

8.새로 업로드 한 tistory_bg_new.gif가 보입니다.

 

9. 다신 style.css - container에서 배경이미지를 변경하기 위해 파일명을 변경합니다.

 

 

10. 사이드바 문제가 해결된 상태입니다.

 

 

 본문글 넓이는 글쓰기 가로폭 수정으로 간단하게 되는데 사이드바는 조금 어렵네요.