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

피부관리 초보가 알아야할 것

난 지금껏 로션도 안바르고 선크림도 안바르던 사내였음. 하지만 시간도 남고 하다보니 피부관리에 관심이 생겼음. 피부에…

1일 ago

여드름, 턱드름, 화농성, 민감성, 예민한 피부 해결방법 알려줄테니 들어오셈

어찌보면 간단함 아래에 알려주는 돈 안들고, 지속가능한 것부터 실행해보셈 1.클렌징폼 안쓰기 2.세안은 클렌징밀크로만 하기 3.아침세안은…

4일 ago

남자가 연락안한다고 보채면 안되는 이유 연락안하는 남자

여자는 남자가 연락을 잘 안한다고 보채면 안된다. 당연히 연애초반에는 연락이 잘 안되긴 힘들다. 서로 텐션이…

3주 ago

남자는 외모로 여자를 꼬실 수 없을정도가 적당한것 같다 25.4.1

여자가 남자를 조심해야하듯 남자 역시 여자를 조심해야한다. 요즘은 성형이 많은 시대라 예쁜여자, 잘생긴 남자가 엄청…

3주 ago

너의 이야기를 진지하게 듣지 못했다 25.3.28

미안하다. 너의 고민, 마음속에 있던 이야기를 꺼냈는데 나는 진지하게 듣지 못했다. 진지하게 너에 대해 알아보려고…

4주 ago

피부과 관리 시술 2주차 (총12주 프로그램)

1주차에는 레이저토닝을 했었다. 수염제모 프로그램도 같이 해서 이것도 1주차에 하긴 했음. 드디어 2주차가 됐는데 이번에는…

4주 ago