Project Record/Customize Tistory

공부한 내용을 정리합니다
Project Record/Customize Tistory

티스토리 오디세이 스킨 소소하게 업그레이드하기

1. 디자인을 소소하게 업그레이드하기 제목과 본문 사이에 줄 넣기 그렇다 나는 아직 아티클 헤더와 와까리아우하지 못했다. 하지만 와까리아우하지 못한 게 뭐 어떠냐! 어차피 겉모습만 그럴듯하게 나오면 된다! 그래서 그냥 아티클뷰에다가 탑을 줘버렸다. .article-view { margin-bottom: 12px; word-break: break-word; margin-top: 45px; padding-top: 45px; border-top: 1px solid #efefef; } 아랫쪽에 2px 줄 넣기 이제 본문 아랫쪽에도 줄을 넣어보았다. 사실 아티클뷰 하단에 넣고 싶었는데 왜인지 줄이 생기지 않았다 (아마 마진 패딩의 특성 차이로 추측됨) 그래서 그냥 footer박스 자체에 위쪽 마진 패딩 주고 보더..

Project Record/Customize Tistory

티스토리 오디세이 스킨 심플하게 만들기

개인용으로 쓰는 블로그는 티스토리에서 제공하는 오디세이스킨을 쓰고 있다. 오로지 개인 기록용으로만 쓸 거라 이것저것 필요없는 기능이 있어서 제거 위주로 수정해보았다. 지우자! 렛츠 display : none 1. 사용하지 않는 기능 없애기 방법 : 대충 개발자 모드로 들어가서 해당 부분을 찾는 다음 display : none을 추가해주었다. 혹시 몰라 !important도.. 관련 사이트 버튼 없애기 : box-site #footer .box-site { display: none !important; } 공감 버튼 등등 없애기 : postbtn .container_postbtn { display: none !important; } 상세페이지 댓글 없애기 : article-reply /* article-r..

Project Record/Customize Tistory

티스토리 오디세이 스킨 폰트 수정하기 em, list

css를 얼마 만에 만져보는지 모르겠다.. (아련) 티스토리 구조도 잘 모르겠고 알쏭달쏭함. 이 오디세이 스킨 본문2가 기본으로 설정되어있는 듯한데 그게 너무 작길래 본문1 만큼 사이즈를 키우고 싶었다. 나는 성격상 매번 본문1로 지정할 사람이 못 되기 때문이지! 결과는 (일단) 성공! css에 구글 검색으로 걸린 아래의 코드를 붙여넣기했다. /* 포스팅 본문 폰트 사이즈 - 본문1 */ #tt-body-page p[data-ke-size='size18'], p[data-ke-size='size18'] { font-size: 1.2em; } /* 포스팅 본문 폰트 사이즈 - 본문2 */ #tt-body-page p[data-ke-size='size16'], p[data-ke-size='size16'] {..