티스토리 본문 테두리, 사이드바 테두리 설정 팁

제가 블로그를 한번씩 고칠때마다 
블로그 관리 및 스킨꾸미기에 관한 글을 쓰는 이유는
물론 다른 여러 유저들에게도 참고가 될수있도록 하는 목표도 있지만,
저또한 나중에라도 블로그를 다시 꾸밀 때 편리하게 참고하기 위함이기도 합니다 ㅋㅋ
일석이조가 되는 셈이죠 ㅎ...

오늘 알아볼 블로그 꾸미기 팁은 바로 본문 테두리, 그리고 사이드바 테두리 입니다 ㅎㅎ
블로그마다 조금씩 차이가 있겠지만 기본적인 틀은 비슷하다고 생각됩니다.
제 블로그에 수록하는 스킨편집에 관한 팁은 저의 스킨을 바탕으로 하는거니까 참고해주세요.

제 기본스킨에는 원래 본문 테두리와 사이드바 테두리가 없었습니다.
그런데 며칠전에 소스를 조금 손봐서 사이드바에는 테두리가 생성되도록 만들었습니다.
수정을 하시려면 html/css 편집창으로 들어가서 style.css 부분을 참고해주세요.


1. 본문 테두리 설정하기

찾기 기능(Ctrl + f)을 이용하여
#content 부분을 찾아주면 아래와 같은 부분이 있습니다.

컨텐츠 부분에 대한 스타일 설정소스인데요,
이곳에다가 선을 지정하는 소스 한줄을 넣어주면 됩니다.

위 사진을 보시면, 맨 위에 한줄이 더 생겼죠?
그 부분을 직접 타이핑해서 입력해주시면 됩니다ㅋ
border 오른쪽에는 선 굵기를 숫자로 써주시면 되고,
solid 오른쪽에는 색깔에 대한 태그를 넣어주시면 됩니다.

1. 사이드바 테두리 설정하기

이것도 마찬가지로 적용시키면 됩니다.
직접 사이드바 부분을 찾아주셔도 되지만,
사실 content 부분 바로 아래에 sidebar 부분이 바로 있죠 ㅋㅋ



원래가 이런 소스였다면,
여기에 선을 지정하는 소스 한줄을 추가하여....



이렇게 만들어주시면 됩니다.
이것도 아까와 마찬가지로 선의 굵기와 색깔을 자유롭게 지정해주셔도 됩니다.

티스토리가 재미있고 매력있는 점은 바로....
블로그의 외형적인 모습을 내 맘대로 바꿀 수 있다는 점인 것 같습니다.
사실 소스에 관하여서도 전체적인 틀을 건드리지 않는 범위에서 세부적으로 
조금씩 바꾸는 것은 그리 어려운 것도 아니기때문에, 저처럼 일반인들도 쉽게 할 수 있는 것 같습니다.

아무튼 다음번에도
스킨수정을 하게되면 글을 또 작성해야죠 ㅋ