기본 테마 레이아웃 전체 가로 사이즈 변경 - 그누보드팁

본문 바로가기
전체검색

그누보드팁

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

기본 테마 레이아웃 전체 가로 사이즈 변경

관리자 18-07-15 10:26

그누보드 5.3, 그누보드 5.4 버전 레이아웃 전체 가로 폭은 1200px로 고정되어 있습니다.



사이즈 변경 방법

수정 파일 : css/default.css
테마 사용 중이면 theme/basic/css/default.css


1. 아래 코드를 찾은 후 1200px를 원하는 사이즈로 변경

해당 파일에서 1200px 로 검색 후에 모두 변경하세요.

#hd, #wrapper, #ft{min-width:1200px}
#ft_wr{width:1200px}


2. 아래 코드를 찾은 후 빨간색 부분 width값을 1번에서 변경한 사이즈만큼 증감

그누보드 5.3 버전
#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:875px;zoom:1}

그누보드 5.4 버전
#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}



예를 들어 그누보드 5.3 버전 기준으로..


기본 사이즈 1200px에서 1000px로 줄이고 싶으면
1번에서는 1000px로 수정하고 2번에서는 200px를 빼서 675px로 수정

1200px에서 1300px로 늘이고 싶으면..
1번에서는 1300px로 수정하고 2번에서는 100px를 더해서 975px로 수정

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.