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

250611 일기 파일이 없다

매일 쓴 것은 아니지만 간혹 썼던 일기가 사라졌다. 컴퓨터 워드파일에 저장해뒀는데 갑자기 사라졌다. 너무 안써서…

2주 ago

250610 당구가 안된다

갑자기 당구가 안된다. 6월1일부터 20점으로 올렸으니 10일쯤 지났는데 갑자기 안된다. 20점이라고 하기에도 약간 높은 점수들이…

3주 ago

뉴발란스 2002R 가품의심되는거 사봄ㅋ

뉴밸런스 2002R을 지마켓에서 6만5천원에 팔고 있길래 한번 사봄 배송이 오래걸린거로 봐서는 해외에서 받아서 국내업자가 보내주는…

1개월 ago

250516 지금 나이가 되니 더 높은곳으로 가고 싶은 욕망이 줄어든다

나이가 들어서 그런지 더 높은 곳으로 가고 싶은 욕망이 줄어든다 더 많은 돈을 벌기 위해…

1개월 ago

250511 잠을 못 잤다

다른 이유는 없다. 아마 커피때문인 것 같다. 그동안 디카페인 커피를 마셔서 괜찮았는데 오늘은 어버이날을 맞아…

2개월 ago

운동하면 편두통이 생긴다

그게 나다 ㅠㅠ 몸에 힘을 쓰면 편두통이 생긴다 아마 힘을 쓰면서 어디 신경이 눌리는거 아닐까…

2개월 ago