demunWhite1Col-1024,1280해상도 티스토리 1단스킨

이전에 제작한 스킨 demunWhite1Col 은 애초부터 레이아웃 해상도를 변경하기 좋게 코드를 짯습니다.
제가 개인적으로 구글 애드센스를 달기좋게 본문너비를 730px 로 맞추어서 분명 다른분들도 있을거라 생각하고 레이아웃을 수정하기 좋게 만들었지요.

730px 가 본문너비로 적은것은 아니지만 1단 스킨이라면 남는 공간이 있지요. 그래서 플로팅 메뉴를 만들었지만 역시나 더 넓게 사용하고자 하는분들에게 필요한 해상도 레이아웃을 만들었습니다.

두가지 입니다.
1024의 해상도에서 사용하는 CSS 와 1280의 해상도에서 사용하는 CSS 이렇게 두개입니다.
각각의 해상도에는 1024css 와 ie7.css 이렇게 두개가 필요합니다. ie7이하 특히 ie6까지 호환하기 위해 수정이 필요하죠.

즉 1024해상도에 필요한 스타일시트는 1024.css , ie7.css
1280해상도에 필용한 스타일시트 1280.css , ie7.css 이렇게 각각 두개씩 입니다.

1024해상도.
최대너비가 980px 이고 본문너비가 940px 입니다. 이는 물론 스크롤바가 생기지 않게 하기위한 레이아웃 구조입니다.

1280해상도.
최대너비가 1200px 이고 본문너비가 1160px 입니다.

이 두개의 해상도에는 사이드바가 넓어서 양쪽으로 20px 정도 여분을 두었습니다.
나머지는 거의 똑같습니다.

적용방법.
1024나 1280이나 똑같습니다. 즉 원본 스타일시트에 아래처럼 원하는 해상도의 스타일시트를 추가만 해주면 됩니다.

 
원하시는분은 이전버젼 demunWhite1Col 730px 짜리가 있으신분은 나머지 파일만 보내달라고 하면 되고, 처음 적용하시는분은 각 해상도 파일을 보내달라고 하면 됩니다.
이스킨도 마찬가지로 정상적으로 블로그를 하고 계신분이면 모두 무료로 사용가능합니다.

문의는 메일로 주세요.
hjm01@naver.com

적용하신 분.
http://hoshiyuugi.tistory.com/
http://elecmilk.tistory.com/ 

이전 스킨에 대한 글을 반드시 보고 참고하시기 바랍니다.


추가합니다. 2012-2-6
사이드바의 너비가 넓어 레이아웃이 망가져 바로 잡았습니다.  images 폴더안에 1024.css 내용중에서 아래부분 수정했습니다.
수정전.
#sLeft, #sRight { width:470px; }

수정후.
#sLeft, #sRight { width:450px; } 
개    개