본문 바로가기

방명록

  • 안녕하세요? 스킨이 너무 예쁩니다^^ 다름이 아니라, 해당 게시판을 열면 본문이 펼쳐지잖아요. 그런데 본문 글의 가로 길이가 화면 끝까지 길게 늘어지는데, 그렇게 말고, 일정한 가로 길이로 제한(ex, 800px로 고정)하려면 css 소스를 어떻게 수정해야 하나요? 그리고 그렇게 했을 경우, 모바일로 봤을 때도 폰 화면 크기대로 일반 반응형 그대로 본문글이 화면 좌우로 꽉 찰 수 있어야 하겠습니다. 어떻게 하면 되나요? ^^ 친절하신 답변 기다릴께요 ^^ 감사합니다.

    • 어떤 스킨을 말씀하신 건가요?
      스킨명이나 게시글 번호를 알려주시면 안내를 해드리겠습니다.
      스킨에 따라서 800px, 820px 제한인 것도 있고 무제한인 것도 있습니다.
      본문 가로 너비에 제한이 없는 100% 너비인 경우 보통 본문 영역이 센터 정렬인 경우가 많습니다.
      좌측 사이드바가 있는 스킨인 경우 본문 너비를 제한하면 센터 정렬이 되면서 사이드바에서 한없이 멀어지면서 다소 이상한 모양이 되기 때문에 본문 영역을 추가로 왼쪽 정렬을 지정 주어야 하는 경우도 있습니다.
      또, 모바일 레이아웃의 경우 별도로 레이아웃 설정이 되기 때문에 모바일은 개별로 조정된다고 보시면 됩니다.

    • BSUday 2018.10.18 15:19 신고 수정/삭제

      반응형 그리드 1단 레이아웃 티스토리 스킨입니다.
      그리고, 본문틀 자체를 말씀드린 것이 아니라, 본문틀 안에 본문글 가로길이의 제한을 말씀드립니다. ^^
      가능한 것으로 아는데, 가르쳐 주시면 대단히 감사하겠습니다. ^^

    • 레이아웃 조정하는게 말씀처럼 간단하면 참 좋은데, 티스토리 블로그 구조가 사용자 입맛대로 다 조정할 수 있는게 아니라 일부를 조정하면 또 다른 부분하고 안맞고 하는 부분이 있습니다.

      말씀하신 부분만 조정하려면
      style.css 파일의 160번행
      .area_view {color:#5c5c5c;word-wrap: break-word}

      요 내용을

      .area_view {color:#5c5c5c;word-wrap: break-word;width: 820px;margin: 0 auto;}
      요렇게

      뒤에
      width: 820px;
      margin: 0 auto;
      속성을 추가로 주시면 됩니다.

      width: 820px;
      은 너비값(알려드린 예는 820px 컨텐츠 너비이므로 사용하는 데이터 너비에 맞게 변경하면 됩니다.)

      margin: 0 auto;
      은 센터 정렬입니다. 요 행은 빼면 왼쪽으로 본문 내용이 붙게 됩니다.

      다만, 티스토리 구조가 본문 내용에 딸려서 다른글 박스까지 밑에 딸려 나오는 구조이기 때문에 이부분까지 같이 레이아웃이 조정되고, 나머지 그 밑의 태그, 관련글들은 다시 100% 너비로 뿌려지기 때문에 다소 어색해 보이는 점이 있습니다.

      일단 조정해보시고 전체를 조정하는게 맞을것 같다 싶으시면 다시 문의주시면 전체 레이아웃을 조정한 버전을 따로 올려드리겠습니다.

    • 스킨 전체 레이아웃을 100%가 아닌 원하는 너비로 조정하시려면

      style.css 파일의 47행을

      .wrap_skin{position:relative;width:820px;margin:0 auto;}

      이렇게 변경하면 가로 820px로 제한된 센터 정렬된 레이아웃이 됩니다.

    • BSUday 2018.10.18 16:36 신고 수정/삭제

      와~ 빠른 댓글, 친절하시고 상세한 댓글에 감동입니다. ^^
      말씀하신 대로 하니 참 좋습니다.
      자주 찾아 올께요. 대단히 감사합니다. ^^

    • 말씀해주신데로 스킨 안내에 레이아웃 조정하는 방법을 추가로 달아 놨습니다. 그리고 배경색 조정하는 방법도 함께 설명했으니까 참고하시면 좋을 것 같습니다.
      감사합니다.

  • 2018.10.01 13:47 수정/삭제 댓글쓰기

    비밀댓글입니다


닫기