본문 바로가기

티스토리스킨/반응형2단 스킨

티스토리 스킨 076 - 반응형 2단 모노그리드 스킨 배포합니다.

스킨 076 : 반응형 2단 모노그리드


- 모노톤의 박스형 스킨으로 각 섹션을 테두리선으로 구분해 그리드형으로 디자인한 스킨입니다.

- 커버 페이지 전체 기능 지원합니다.

- 전체 컨텐츠 영역을 기본 넓은형(990px)과 좁은형(890px) 중 선택할 수 있습니다.

- 테두리 형태를 사각형과 둥근형중 선택할 수 있습니다.

- 테두리 색상을 변경할 수 있습니다.

- 전체 배경 및 헤더 배경 이미지를 지정할 수 있습니다.

- 스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일을 업로드해야 스킨 레이아웃이 정상 동작합니다.

 

 






스킨 주요 특징

 

1단 전용 스킨이며, 사이드바 메뉴는 펼침 메뉴로 감추어져 있습니다.

스킨 옵션 설정에 대한 상세한 설명은 ->스킨 옵션설정 글을 보시기 바랍니다.(일부 옵션 항목은 제외되어 있습니다.)





* 이미지를 클릭하면 옵션 항목들을 자세히 볼 수 있습니다.


 

패치 내역

 

  • 없음









설치 주의사항

 

  • 스킨 적용시 index.xml, script.js 파일을 반드시 업로드해야 스킨이 정상 적용됩니다.
  • 파일 업로드 후에는 웹브라우저 캐시를 한번 소거해야 바로 스킨이 정상 반영됩니다.


* 컨텐츠 영역 너비를 890px, 990px 중 선택할 수 있습니다.





* 스킨 옵션을 이용해 다양한 레이아웃을 만들 수 있습니다.





  • 와 정말 예뻐요. 능력자시네요.

  • 스킨변경에서 적용했습니다. 근데 모바일도 나오게 하려면 어떻게 해야하죠.. 그리고 광고단위는 몇사이즈가 적당한지 알려주시면 감사하겠습니다.

    • 모바일에도 나오게 한다는게 무슨뜻인지 모르겠습니다.
      반응형 스킨이기 때문에 스마트폰에서는 스마트폰에 맞는 레이아웃으로 자동으로 표시됩니다.

      애드센스는 붙이는 위치에 따라 너비값 안에 드는걸 적당히 골라서 쓰면 됩니다.

      컨텐츠 영역 너비가 가변이므로 컨텐츠 너비에 맞춰 적당한걸 고르면 됩니다.
      여유있게 붙이려면 720px 가로 긴 배너를 컨텐츠 영역에 붙여도 되고, 사이드바는 가로 200px나 250px 사각형 형태를 보통 붙입니다.

      애드센스는 기호에 따라 붙이는 것이어서 컨텐츠 영역에 가로로 긴 배너를 붙이는 대신 300px 정도의 직사각형 2개를 나란히 붙이기도 합니다.

    • 답변감사합니다. 이해했습니다.
      스마트폰에는 위에 사진처럼 안나오더라고요 그냥 기본형으로 나와서 물어본겁니다.

  • 비밀댓글입니다

    • 사이드바 섹션 하나는

      <div class="box_aside"></div>

      태그로 감싸서 구성됩니다.

      나오는 순서대로 나열이 되고...
      skin.html 코드를 보면 위 태그들이 순서대로 주욱 사이드바 위젯들을 감싸고 있는걸 볼 수 있습니다.

      위 태그 안에 애드센스 코드를 붙여넣으면 자리를 차지하면서 위치가 맞을 겁니다.


닫기