nQuark 1.4는 nQuark 2.0과 오류 개선을 포함한 모든 기능적인 면에서 완전 똑같으며, 단지 html5가 아니라 xhtml로 이루어졌을 뿐입니다.


인터넷 익스플로러 구버전과의 호환성이 중요하다면 이 버전의 스킨을 사용하는 것이 더 좋은 선택일 것입니다.


nQuark 1.4 다운로드



tistory000001_rev1.4_common.zip







또한 블로그 이웃의 본문 폭을 좀 더 늘려달라는 요청이 있어서 커스터마이징 작업을 했습니다.


지금까지 나온 다른 모든 nQuark 스킨(위의 다운로드 버전 포함)은 최대 넓이일 때 본문 폭이 기본 설정인 640px이고, Customized 버전의 경우에만 최대 넓이일 때 본문 폭이 740px입니다. 보다 본문 폭이 넓어야 한다면 이 버전을 사용하십시오.


nQuark 1.4 Customized001 다운로드



tistory000001_rev1.4_customized001.zip





(+ 티스토리 스킨 공모전에는 nQuark 2.0 버전을 낼 예정입니다.)


(+ 참고로 이들 버전은 제 블로그에서 직접 테스트해 보지를 않았습니다. 따라서 오류가 발견되는 경우 제보 바랍니다.)








* 본문 폭을 늘리는 방법


nQuark 1.4 Customized001은 nQuark 1.4를 본문 폭을 늘리기 위해 변형한 것이므로 이 두 파일의 소스코드를 비교하시면 본문 폭을 어떻게 늘리는 지 확인하실 수 있습니다.


본문 폭을 늘리는 것은 스타일의 일환이므로, css로 조절하는 것입니다. 따라서 두 파일을 모두 다운로드 받은 후, 두 파일에 들어가 있는 style.css 파일을 비교해 보시면 어떤 부분이 달라졌는지 알 수 있습니다.


소스코드를 비교할 때에는 눈으로 비교하시면 찾기가 힘드실 수도 있으니, WinMerge라는 프로그램을 사용하는 것을 권장드립니다. 이런 프로그램은 특히 오픈소스 개발자로 참여할 때, 현업에서 기존 코드와 바뀐 코드를 비교 분석해야 할 때 많이 쓰입니다.





Winmerge로 비교해 보시면 소스코드는 크게 두 부분이 바뀌었다는 사실을 알 수 있습니다.


첫째는 반응형이 아닐 때 기본적으로 적용되는 값(그러니까 익스플로러 구버전을 위해 지정된 픽셀을 넣는 부분)이고, 둘째는 반응형이 적용될 때의 값입니다. 이번 코드에서는 본문 폭을 늘려주는 코드이므로, 본문 폭이 좀 넓을 때에만 분기하여 값을 수정했습니다. 따라서 소스코드가 변경된 부분은 max-width 값이 비교적 큰 것을 알 수 있습니다.





저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 산소공급 2015.07.26 12:20 신고  댓글주소  수정/삭제  댓글쓰기

    html5와 xhtml은 어떤 차이가 있는가요?
    현대적인 추세에 맞추어가려면 html5로 해야된다는 말이 있던데....
    그게 사실인가요?

    xhtml로 하면 익스플로러 구버전에서 정상적으로 보이고, html5로 하면 구버전에서는
    깨져 보인다는....뭐 그런건가요? 어떻게 해야 될지 참말로 난감해지네요..
    조만간 Windows 10이 나오니까 이제 익스 구 버전은 많이 줄어들것 같기는 한데...
    그래서 그냥 html5로 갈까..아니면 xhtml로 좀 더 사용할까....ㅠ.ㅠ

    nQuark 2.0으로 설치하여 본문 폭만 늘려 사용해도 되겠지요?
    이것은 html5로 만들어진것이라고 하셨죠?

    • 책덕후 화영 2015.07.26 12:37 신고  댓글주소  수정/삭제

      네, html5가 익스플로러 구버전에서 100% 안보이는 건 아닙니다. 하지만 html5로 페이지가 깨지지 않게 보이게 만들려면 스크립트를 별도로 설치해야 하는데, 이걸 설치하지 않는 사용자도 많아서 문제가 되는 겁니다.
      html5가 현대적인 추세인 건 사실입니다. 무엇보다 장애인 웹 접근성 측면이나, 구글 검색엔진의 측면에서 html5가 좀 더 유리합니다.
      만일 nQuark2.0으로 본문 폭만 늘려서 사용하시려면 먼저 nQuark2.0 파일을 다운로드 받으신 다음 제가 커스터마이즈해서 준 파일의 style.css를 덮어 쓰시면 적용이 가능하십니다. 왜냐하면 html5는 html 문서의 영역이고 본문 폭을 늘리는 것은 css 문서의 영역이기 때문입니다.

    • 산소공급 2015.07.26 13:21 신고  댓글주소  수정/삭제

      skin.html 과 style.css 파일만 업로드 하면 되지요?

    • 책덕후 화영 2015.07.26 15:48 신고  댓글주소  수정/삭제

      폴더 images 안의 그림들도 업로드하셔야 합니다. 자세한 방법은 http://zoahaza.tistory.com/448 글을 참고해주세요.

  2. 빌노트 2015.07.27 14:18 신고  댓글주소  수정/삭제  댓글쓰기

    이번 티스토리 스킨에 도전하고 싶었으나
    화영님 같은 고수님들이 계시는 관계로 포기를 합니다 ㅡㅡㅋ

티스토리 툴바