묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판 사이즈를 줄이고 싶은데요~
2008.03.12 13:16
게시판이 화면에 너무 꽉차서
게시판 사이즈를 줄이고 싶은데요~
찾아보니까 css 파일을 찾아서 width를 줄이면 되는것 같아요;;
근데 해당 게시판의
css파일이 뭔지 도대체가 모르겠습니다 ㅠㅠㅠㅠㅠ
그 정보는 어디에서 확인할 수 있고
어디로 가서 정확히 어딜 수정해야 하는지 전혀 모르겠어요 ㅠㅠ
전 완죤 홈페이지 초보거든요
아시는분 답변 부탁드립니다^^
게시판 사이즈를 줄이고 싶은데요~
찾아보니까 css 파일을 찾아서 width를 줄이면 되는것 같아요;;
근데 해당 게시판의
css파일이 뭔지 도대체가 모르겠습니다 ㅠㅠㅠㅠㅠ
그 정보는 어디에서 확인할 수 있고
어디로 가서 정확히 어딜 수정해야 하는지 전혀 모르겠어요 ㅠㅠ
전 완죤 홈페이지 초보거든요
아시는분 답변 부탁드립니다^^
게시판 사이즈만 줄이면 전체적으로 모양이 문제가 있을 듯 합니다.
body wrap 이나 content body 를 구성하는 column left 와 column right 의 폭도 같이 알아두어야 할 것 같습니다.
게시판 만 줄이고 싶으시면 layout 폴더에서 자신이 사용하는 css 파일을 불러옵니다.
css 소스중 게시판의 크기가 결정되는 곳은 columnRight입니다.
#columnRight { width:690px; float:right; overflow:hidden;}
혹시 몰라 홈피의 전반적인 크기를 조정할 수 있는 소스의 위치를 같이 첨부합니다.
1. 우선 전체 width 는 아래소스를 수정한다.
#bodyWrap { position:relative; width:900px; margin:0 auto; padding:0em 0 0 0;}
2. 또한 header를 사용하는 경우는 헤더값도 수정한다. zbxe에서는 bodyWrap보다 2px 작은 값을 입력한다.
또한 게시판이나 컨텐츠의 높이 즉 메인메뉴와의 간격도 아래의 소스에서 수정가능하다.
#header { position:relative; width:898px; height:114px; border-top:0px solid #323232; border-left:0px solid #d9d9d9; border-right:0px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:50px; z-index:99;}
3. 전체 content body 의 width를 설정한다.
#contentBody { position:relative; width:900px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.) repeat-y left top; border-bottom:0px solid #dddddd;}
그 다음에는 content body 를 구성하는 column left 와 column right 의 폭을 설정해 준다.
이 때 게시판의 크기가 결정되는 곳은 column 이다.
#columnLeft { position:relative; width:201px; float:left;}
#columnRight { width:690px; float:right; overflow:hidden;}