view 폭(넓이)이 제한폭보다 넓을때 스크롤바로 폭고정하기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

view 폭(넓이)이 제한폭보다 넓을때 스크롤바로 폭고정하기 정보

view 폭(넓이)이 제한폭보다 넓을때 스크롤바로 폭고정하기

첨부파일

view.skin.php (8.7K) 46회 다운로드 2008-01-30 02:34:49

본문

네이버 블로그 같이 내용이 넓을때 아래쪽에 스크롤바 나오게 하는 방법입니다
첨부 그림 참조.

1. style.css 에 아래 두줄 내용을 추가한다.
#post-area .post-view {overflow: auto;overflow-x: auto;overflow-y: hidden;width:100%; position:relative; padding:15px 0 15px 0; margin:0 0 15px 0; clear:both; text-align:justify; }
#post-area .post-body {border-collapse:collapse; table-layout:fixed;}

2. view.skin.php 를 열어 아래와 같이 수정한다.
모든 스킨에 일괄 적용할수 있는 방법이 없네요. 번거롭더라도 모두다..

뷰스킨을 뜯어보면 테이블에 테이블로 되어 있죠
내용을 감싸고 있는 테이블($view[content] 이 포함된 영역) 이 </tr><td></td></tr>가 아닌꼭 <table></table> 구조로 되어 있어야 원하시는 결과를 얻을 수 있습니다.
그래서 만약 cheditor 스킨과 같이 $view[content]가 </tr><td></td></tr> 구조일 경우 강제로 <table></table> 구조로 바꿔야 합니다.
다음 <div class="post-view">로 감싸고
밖의 table 을 <div id="post-area">로 감싸고, table 태그안에 class="post-body" 라는 속성을 넣어 주면 됩니다.
아래 참고하세요..

<div id="post-area"><!--post area-->
<table class="post-body">
<tr><td></td></tr>
<tr><td></td></tr>

<div  class="post-view">
<table>
<tr>
<td>

게시판 내용 <span class="ct lh"><?=url_auto_link($view[content])?></span>

</td>
</tr>
</table>
</div><!--post view 끝-->

<tr><td></td></tr>
<tr><td></td></tr>

</table>
</div><!--post area 끝-->

table tag 안에 class="post-body" 빼먹지 마세요!!

이렇게 하시면 그림이 아무리 커도, 테이블이 아무리 커도 뷰화면이 늘어나지 않습니다.
괜찮으면 추천 많이 해주세요 ^^

물어보는 분이 계셔 basic skin 의 view.skin.php 파일 첨부합니다. 참고하세요.
basic 스킨에서는 그림첨부로는 효과를 볼수가 없고 테이블을 크게 만들어 보시면 알수 있을거에요..


추천
4

댓글 7개

지러유님 ^^ 안녕하세요 ~~ 메일문의 드렸던 인간입니다. ㅡㅡ;;
보내주신 파일 업로드하니 잘 작동합니다.
그런데, 한가지 문제점이 발생하였습니다.
기존 게시판 특성상 큰 이미지는 관리자 페이지에서 설정을 하면 이미지는 자동적으로
테이블 깨짐 없이 축소되어 나오잖아요 ... 그래서 그림을 클릭하면 원본크기의 사진을 볼수있구요..
하지만, 위의 소스 수정한 후에는 원본 사진크기로 나오지만, 스크롤바가 생겨 지장은 없으나,
클릭시 자바오류와 이미지가 새창으로 뜨질 않습니다.
관리자페이지에서의 이미지 축소제한 설정과 위의 스크롤바 방법이 충돌하지 않았으면 좋으련만...
게시판만이 문제일수도 있으니, 지러유님도 한번 테스트 부탁드립니다 ... ^^
제가 찾던 소중한 자료입니다 ... 친절한 답변 감사했습니다 ... 추천~~~
아참 ... 그리고, 메일받고 깜짝놀랬습니다 ... 이름이 ㅡㅡ;; 똑같습니다 ... 이런우연이 ~~ 인연인지;;
전 박씨 입니다 ... ㅋㅋㅋㅋㅋ 새해 복 많이 많이 받으세요 ~~~
안녕하세요 ^^
저도 잘은 모르지만 도울수 있다는게 좋네요..
제가 보기에 가지고 계신 스킨이 구형버전이 아닐까 싶습니다. 제껀 잘 됩니다..
보드가 버전업 되면서 베이직스킨이 많이 바뀌었거든요
제가 올린 팁은 자바스크립트와 관계가 없어 전혀 영향을 안미칠것 같습니다..
베이직 스킨을 보니 /js/board.js 를 불러쓰도록 되어 있는데 혹시 이 파일이 없는건 아닌지 모르겠습니다.
최신버전 받으셔서 이파일을 설치해 보시든지 아님 다른 스킨에서 이미지 리사이즈 부분만 스크립트를 바꿔보시든지 아님 베이직이 아닌 다른 스킨에 위 팁을 적용해 보시면 될것 같습니다..
저두 꼭 필요했던 기능이라 님께서도 꼭 성공하시면 좋겠네요 ^^
그래도 안되면 다시 메세지 주세요
지러유님 ㅠㅠ 답변 감사합니다 ...
공개해주신 소스에는 문제가 없는듯합니다.
현재 저는 그누보드 홈빌더(플러그인)를 사용중입니다.
아마도 홈빌더관련해서 오류가 나타나는듯합니다.
베이직 게시판스킨을 다시 다운받아서 공개소스를 적용해본결과
잘됩니다 ... ^^ 감사히 잘쓰겠습니다 ... 저녁 맛있게 드시고, 편안한밤 보내세요 ~~~
전체 7 |RSS
그누4 팁자료실 내용 검색
  • 개별 목록 구성 번호 제목 작성자 작성일 추천 조회
  • 게시물이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT