전체 크기 변경

· 2013-09-23 (월) 19:45:20 · 9270 · 11
2013.09.21_01.jpg
로그인 창을 포함하여 전체 가로 크기는 980px이고, 본문 (여백을 제외한) 내부 가로 크기는 728px입니다.

사진을 게시판에 올리는 경우 가로 800px을 선호하는지라... 크기를 변경해봅니다.

css/default.css

각각 72px을 더했습니다.
980px → 1052px (5군데)
728px → 800px


skin/latest/basic/style.css

2단 게시판의 가로 크기에도 72px을 적용했습니다.
354px → 390px

_____________________________________________________________________________________

위 내용에서 다시 수정했습니다.

전체 : 1052px → 1024px
로그인 : 210px → 192px

본문과 로그인창에서 내부 좌우 여백을 줄이고, 로그인창(skin/outlogin/basic/style.css)의 각 항목들을 약간씩 줄였습니다.
구조에 대한 이해력이 부족해서 그런지... 계산한 것과 실제 나타나는 크기가 차이가 나더군요.
차이 나는 부분은 미세하게 +, - 조정했습니다.

첨부파일

2013.09.21_01.jpg (68.6 KB)
26회 2013-09-23 19:45
|

댓글 11개

2013-09-23 (월) 19:46:16
'팁'이라고 하기에는 뭣하나... 저 같은 초보님들을 위해 공유합니다.
2013-09-23 (월) 20:10:42
눈금자 좋은거 쓰시네요...ㅡ.,ㅡㅋ
2013-10-01 (화) 10:31:54
저도 눈금자가 탐이나는데 ....^^;;좋은 정보 감사합니다 ^^
2013-10-04 (금) 13:29:55
수정 후 해당 해상도나 모바일에서 오른쪽 여백이 발생하는 부분은 아직 해결하지 못했습니다.
2013-10-07 (월) 18:16:36
http://sir.co.kr/bbs/board.php?bo_table=g5_tip&wr_id=324

위 팁과 같이 하면 여백이 없어집니다.
가로 1024px에 최적화하려면 전체 가로크기가 1000px이하여야만 가능한 모양입니다.
최적화는 포기...;;;
fm25님 저 위에 이미지에 있는 눈금자 어디서 얻을수 있나요?
2013-11-09 (토) 12:31:03
Screen Calipers입니다.
http://www.iconico.com/caliper/index.aspx
감사합니다.........너무 이뻐보여서리.....
오~~
2014-10-21 (화) 08:43:22
전체 가로 크기가 970px로 변경되었군요.
알뜰한 팁 감사드려요 ~ ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
13-10-28 조회 7,113
13-10-28 조회 1.3만
13-10-25 조회 8,386
13-10-25 조회 2.2만
13-10-25 조회 1.6만
13-10-23 조회 1만
13-10-23 조회 1.6만
13-10-22 조회 1.3만
13-10-21 조회 8,997
13-10-20 조회 9,054
13-10-18 조회 8,130
13-10-08 조회 9,280
13-10-08 조회 7,115
13-10-05 조회 8,321
13-10-04 조회 1.2만
13-10-02 조회 1.2만
13-10-02 조회 5,899
13-09-30 조회 2.1만
13-09-28 조회 7,713
13-09-27 조회 8,747
13-09-26 조회 1.7만
13-09-24 조회 8,636
13-09-24 조회 1.3만
13-09-24 조회 2.9만
13-09-24 조회 9,699
13-09-23 조회 9,271
13-09-19 조회 8,895
13-09-17 조회 1.8만
13-09-17 조회 8,329
13-09-16 조회 7,426