티스토리 스킨 변경 및 레이아웃 스타일(css) 수정

티스토리 사용 중인 스킨이 2단 레이아웃이어서 웹 관련 코드를 넣으면 답답해 보여 스킨을 변경해 봤습니다.

기존 스킨은 카테고리를 바로 볼 수 있지만 글 본문 영역이 조금 답답해 보입니다.

그래서 티스토리에서 제공하는 스킨 중 Portfolio를 적용해 봅니다.

 

상단 부분은 모니터 해상도에 따라(이미지는 가로 1920px) 위치가 다르지만, 글 목록은 넓고 시원해 보여 좋네요.

 

그런데 본문 영역이 조금 넓어지긴 했지만 여전히 좁아 보입니다.

오랜만에 스킨편집 화면을 들어가 봅니다.

 

 

파이어폭스 개발자도구로 해당 부분 클래스명을 알아보고, 티스트리 html 편집으로 들어가서 css 복사한 다음 사용 중인 에디터에 붙여 넣기 후 해당 클래스를 찾았습니다.

article_veiw 영역 스타일이 max-width:700px로 되어 있네요. 1000px로 수정 후 스킨 편집화면에 적용해 줍니다.

 

그리고 코드 블록 글 줄간격이 좁아 보이고, 박스 안쪽 여백이 있으면 좋을 것 같아 line-height와 padding값을 추가했습니다.

 

적용 후 모습입니다. 가로 크기도 넓어지고 코드 블록도 조금 더 보기 좋아 보이네요.

사용해 보면서 수정할 일이 있으면 조금씩 바꿔봐야겠습니다.

 

감사합니다.