no.16 대문스킨의 너비를 수정하는 방법

16번째 스킨을 배포했는데 너비를 수정하고 싶은 분이 있어 따로 포스팅합니다.

글을 보시고 너비를 수정하시면 됩니다.

알고 있는것을 글로 설명하려하니 정말 힘들군요.

16번째 스킨은 총 너비가 980px 입니다.

본문 : 670px

사이드바 : 280px

중간 여백 : 30px 입니다.

좀더 자세히 이야기하면 이렇습니다.

#contentLeft 너비 670px =>본문을 감싸는 컨테이너.

이것은 아래 컨테이너를 포함합니다.

{테두리(border) + 여백(padding) = 20px} + 본문(630px)

글로 설명하려니 정말 힘들군요. 이미지첨부합니다.

너비에 관련한것만 추려봅니다. 이정도만 수정하면 크게 레이아웃이 깨지지 않을거라 생각됩니다.

크게 980에서 본문쪽(contentLeft 670)과 사이드바쪽(contentRight 280) 정도만 알고 그 안에있는 세세한 부분을 수정하면 되겠습니다.

1. nonEntry.

nonEntry 에는 태그,검색,방명록,지역로그 등등이 포함됩니다.

nonEntry만 너비를 수정하면 그 안에는 자동으로 맞쳐집니다.

딱하나 방명록부분을 수정해야하는데 이건 댓글부분과 같이 설정했기에 댓글부분에서 같이 수정합니다.

2. paging.

페이징 전체부분이 본문 부분과 같습니다. 그래서 630입니다. 허나 사이즈를 크게하면 같이 크게하고 줄이면 같이 줄입니다.

페이징 안에 숫자부분이 바로 nombox 입니다.

현재 630에서 nombox가 차지하는 너비가 390입니다. 이것도 같이 수정해야 합니다.

3. repend, .guest 부분.

댓글과 방명록 부분입니다. 같이 설정합니다.

다른것은 일단 나두고, 왼쪽부분과 오른쪽부분으로 나누었습니다.

왼쪽은 .fl 입니다. 200px 는 그냥 나두어도 되고 오른쪽부분인 .fr 중에서 textarea 너비를 수정하면 됩니다.

현재는 400으로 되어잇으니 크게하면 같이 그만큼 크게 설정하면 됩니다.

본문을 710으로 키워서 파이어폭스로 스샷을 찍어봤습니다. 참고하세요.

참고로 여백이 보입니다. 본문 710 사이드바 240(사이드바 본문은 200) 일때 여백을 없애려면 본문을 더 키우면 여백이 없어지고 그만큼 커집니다.

참고로 수정한 파일을 올려드립니다.

이 파일을 그대로 업로드하면 본문너비 710과 사이드바 너비240(사이드바 본문200) 으로 됩니다.

참고로 머걍님을 위해....ㅎㅎㅎㅎ

본문 너비 730px 사이드바 너비 240px(사이드바 본문 200px) 로 하고 배경을 어두운색으로 해봤습니다.

이것이 필요하다면 단순이 두개만 업로드하면 수정없이 사용할수 있습니다.

미리보기를 한 이틀동안 제공하겠습니다. 미리보기를 참고하세요.여기입니다.

demun(대문블로그)