Categories: 블로그팁

티스토리 반응형 스킨 #1 본문폭 수정방법

티스토리 반응형 스킨#1은 배경이 흰색으로 아주 깔끔해서 저도 참 좋아하는 스킨인데요. 본문폭이 너무 넓어서 싫어하는 분들도 있죠. 저를 따라서 수정하시면 됩니다.

일단 이 스킨의 기본 본문폭은 820px입니다. 그래서 이것을 바꿔주면 되는데요.

티스토리 스킨 수정 절차

  1. 티스토리 관리페이지로 들어갑니다. 모르는 분들은 주소를 직접 치세요. 내주소.tistory.com/admin/center/ 입니다.
  2. 꾸미기 > HTML/CSS 편집으로 이동
  3. 오른쪽 상단에서 HTML이나 CSS에서 스킨 수정

위의 방법대로 스킨을 수정하면 되는데요. 본문폭 수정은 CSS편집에서 해야합니다.
가장 간단하게 할 수 있는 방법은 ‘Ctrl+F’를 눌러서 820px이라고 된 부분을 내가 원하는 본문폭으로 수정하시면 됩니다. 아래에서는 단순히 어디부분인지만 알려드릴께요.

  • 29번째줄 .article_skin{width:820px;margin:0 auto}
  • 94번째줄 .wrap_etc .inner_aside{overflow:hidden;width:820px;margin:0 auto}
  • 228번째줄 .area_reply .tf_reply{width:820px;height:102px;padding:13px 15px 10px;border:1px solid #eee;font-size:12px;resize:none;box-sizing:border-box}
  • 301번째줄 @media only screen and (max-width:820px) {
  • 512번째줄 only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),
  • 513번째줄 only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),
  • 514번째줄only screen and (max-width:820px) and (min-resolution: 1.5dppx) {

보시는것처럼 본문폭이 820px로 되어 있는데요. 이 숫자들을 원하는 본문폭으로 변경해주시면 됩니다. 만약 700픽셀로 바꾸고 싶다면 단순히 숫자만 720으로 변경하면 되는거죠.

DDable

Recent Posts

251001 주짓수 첫 부상

부상은 지난주 금요일인 9월25일이었다. 오른쪽 갈비뼈 아래가 아프고 이제 거의 일주일째인데 아직도 아프다. 가만히 있을때…

1주 ago

250925 탁구와 주짓수 근황

요즘 2가지 운동을 병행중이다 탁구를 시작한지 3개월됐고, 주짓수를 시작한지 한달이 다 되어 간다. 하나에 집중하면…

2주 ago

250904 주짓수 처음으로 참여

처음으로 도복을 입고 띠를 메고 매트에 올라가 참여했다. 기본체조를 하고나서 사람들은 기본동작들을 차례로 돌아가며 하는데…

4주 ago

챗GPT 그래프 차트가 한글깨짐으로 빈 네모가 나올때 해결방법

챗gpt를 사용중인데 차트를 그려달라고 하면 꼭 한글이 깨져서 제목, 범례 등이 빈 네모로 나올때가 많다.…

4주 ago

250908 주짓수 둘째날

이제 둘째날이다. 원래 5일 금요일에 갔어야했지만 금요일이라 탁구를 쳐야했다. 첫째날에 새우빼기를 해서 그런가 어깨에 멍도…

1개월 ago

250903 쥬브젠 해버렸다

피부과에서 9회코스로 하던거 끝나니 바로 상담 들어왔고 팔자주름 때문에 쥬브젠 권하길래 바로 해버렸음ㅋㅋㅋ 근데 알고보니…

1개월 ago