2012/07/15 업데이트 - 티스토리 개편작업으로 인한 상단 메뉴바 기본 크기 수정, 티스토리 전용 툴바 숨기기

 

 

메인 페이지의 스크린샷입니다.  갤러리스킨1과 마찬가지로 그림의 크기는 화면크기에 따라 조절됩니다.

 

 

 

 

페이지 리스트의 스크린샷입니다. (섬네일 지원)

 

 

 

 

 

페이지 리스트 하단의 버튼을 누르면 나오는 카테고리 화면입니다. (카테고리와 사이드바가 표시됩니다.)

 

 

 

 

 

기본적으로 포스팅의 모든 그림은 하나의 슬라이드쇼에 모이게 됩니다.

네비게이션 버튼은 마우스 오버 섬네일을 지원합니다.

 

 

 

 

 

하지만 'Blog' 카테고리에 글을 쓰면 그림이 모여서 배치되지 않으며, 사이드바가 우측에 표시됩니다.

 

 

 

 

 

검색결과 혹은 카테고리 리스트는 이렇게 표시됩니다

 

 

 

 

네비게이션 버튼도 지원합니다. (마우스오버)

 

 

견본 페이지 -->  http://catnexample.tistory.com/

 

제가 티스토리 갤러리 스킨을 만들면서 가졌던 가장 아쉬웠던 점 중의 하나는,

  1. 섬네일 그림을 보여주는 리스트를 지원하지 않는것
  2. 워드프레스 테마처럼 갤러리와 블로그를 구분해서 보는 것이 불가능한것

 

이었기 때문에, 이 둘을 해결하는데에 가장 큰 중점을 두어서 개발한 스킨입니다.

 

  1. 1번의 경우는 얘기하자면 길지만 하여간에 ajax를 이용해서 해결하였으나,
  2. 2번의 경우는 상당히 제한을 가진 채로 해결할 수 밖에 없었습니다.

 

따라서 본 스킨을 사용하시려면 꼭 설명대로 세팅과정을 따라주셔야 합니다.

  

  1. 티스토리의 신기능 '메뉴 관리'를 사용하고 있다면 미리 메뉴를 모두 지워놓고 저장합니다.
  2. 다운받은 파일의 압축을 풀고 티스토리 메뉴의 '스킨'->  '스킨 선택'  ->  '새 스킨 등록'  메뉴를 이용해  블로그 스킨을 설치합니다.
  3. 티스토리 메뉴의 스킨 -> 카테고리 설정 에서 Blog 카테고리를 추가합니다. ( 대소문자 구분 필요! )
  4. 티스토리 메뉴의 스킨 -> 메뉴 설정에서 BLOG 메뉴를 선택합니다. 이 과정은 새로운 메뉴라 스크린샷을 첨부합니다

 

 

 

  1. Notice 란은 각자 블로그의 프로필란으로 예정했지만 관련 치환자를 찾지 못했습니다.
  2. '직접 입력' 으로 ' 자기 블로그 주소/notice ' 로 추가해주시면 감사하겠습니다.
    물론 추가하지 않으셔도 무방합니다. 

 ★ 그림 파일을 올릴 때, '사진' 메뉴로 올릴 시 크기를 '크기 조절 안함'으로 하시는 것이 원본 이미지의 크기를 살릴 수 있습니다.★

 지원브라우저는 IE6(일부제한)~ 이후버전,  FF, SAFARI, CHROME입니다.
 OPERA나 기타 브라우저는 디버깅해보지 못했습니다. 죄송합니다. 

이상입니다.

 

 

 

 

원글 링크

http://catntuna.tistory.com/category/SKIN

+ Recent posts