티스토리 본문 사이드바 테두리 선 만드는 방법

네이버와 티스토리 블로그는 장단점이 존재합니다.

때문에 어느 쪽이 더 좋다라고 단정짓는 것 자체가 어불성설 입니다.

경우에 따라 티스토리는 사용자가 원하는 크기의 FONT 글자 크기를 자유자재로 변경이 가능하기도 하지요.

특정 부분만 바꾸는 것도 가능해요.

제목 타이들이라든지 사이바의 메뉴라든지 등등

제가 오늘 알려드리고자 하는 것은 바로 게시글 본문과 사이드 바 부분에 경계선을 긋는 법 입니다.

지금 여러분들이 보고 계시고 있는 것처럼 말이죠.

(위 아래 왼쪽 오른쪽 참고)

엄청 간단하기 때문에 그림과 같이 보시면 엄청 쉽게 따라하실 수 있을거에요.

먼저 관리자 모드로 들어가세요.

꾸미기 메뉴의 HTML/CSS 편집을 눌러서 #content를 검색합니다.

(ctrl + F키를 눌러서 찾으면 빠릅니다.)

style.css 부분에 나오죠?

(skin.html 부분이 아니니까 착각하지 마세요)

본문 사이드바 테두리 소스.txt

위 첨부파일을 받으면 소스가 적혀있습니다.

그것을 복사해서 컨텐트 부분에 넣어줍니다.

이런식으로 추가시켜 붙여넣기 해주세요.

용어들에 대해 간단히 설명하자면,

border는 선의 두께 입니다.

저는 1로 지정했습니다.

solid는 선의 색상

padding은 줄과 해당 섹션의 여백(넓이px)입니다.

직접 조절해보시면 무슨 말인지 아실거예요.

이렇게 컨텐츠 부분에 넣으시면 본문의 테두리가 변경이 된답니다.

이번에는 사이드바에 경계선 만들기

마찬가지로 #sidebar 검색하세요.

그리고 소스를 붙여넣으세요.

이렇게 하고 저장 누르면 끝입니다.

그러나 통상적으로 이런식으로 바꿔주면 전체 박스가 초과되기 때문에 사이드바가 안보이는 경우가 발생합니다.

어디갔냐고요?

아래쪽 옆으로 이동하게 됩니다.

(처음에 저는 스킨이 망가졌는지 알어요ㅋㅋ)

따라서 #container를 검색해서 전체 width 폭 넓이를 조정해야 합니다.

1340px라는 수치는 제 블로그에 맞춰진 값이므로 여러분들은 각자 적당한 값을 입력하시면 됩니다.

미리보기가 가능하므로, 직접 보면서 바꿔주시는게 편할거에요.

어때요?

처음에만 복잡하지 막상 해보면 생각보다 어렵지 않습니다.