티스토리 스킨 037 - 반응형 포토폴리오B 티스토리 스킨 배포합니다.
스킨명 : 반응형 포토폴리오B 티스토리 스킨
------------------------------------------
2019-04-16 1.0.1 Patch - IE에서 상단 검색창이 밀려서 두줄로 나오는 현상 패치
2020-12-05 슬라이드로 오른쪽에서 왼쪽으로 넘어가는 방식 대신 페이드인/아웃(Fade In/Out) 으로 애니메이션되도록 변경한 자바스크립트 파일입니다.
스킨 설치 후 아래 링크에서 다운로드 받은 압축파일을 풀어 "script.js" 파일을 업로드 하면 페이드인아웃으로 애니메이션 됩니다.
------------------------------------------
사이드바 항목 전체 지원, 메인 커버슬라이드 지원, 내용보기가 지원되는 반응형 포토폴리오 스킨입니다.
이미지 슬라이드 중심 스킨으로 화면 상, 하, 왼쪽이 사용자 액션에 따라 펼쳐지는 구조로 되어 있습니다.
이미지 슬라이드만 심플하게 운영하려면
->포토폴리오A 반응형 스킨을 추천합니다.
포트폴리오 중심 블로그, 작품 전시, 홍보용 블로그에 적합한 스킨입니다.
스킨 옵션 설정에서 이미지 자동 슬라이드 기능을 켜거나 끌 수 있으며, 자동 슬라이드 간격을 조정할 수도 있습니다.
슬라이드 간격을 0으로 입력하면 자동 슬라이딩이 꺼지며, 1 ~ 60초까지 슬라이딩 간격을 조정할 수 있습니다.
커버 슬라이드를 지원합니다. 스킨 설정에서 커버 기능을 켜거나 끌 수 있으며, 커버에 표시할 글을 직접 선택할 수 있습니다.
_주의사항
- 풀페이지 화면으로 이미지가 표시되며 브라우저 크기에 따라 이미지 크기가 자동 조정됩니다.
슬라이드에 표시될 이미지는 글 작성시 "대표" 체크를 해야 합니다.
- 카테고리에 글이 없을 경우 빈 화면이 출력되며, 대체 이미지가 출력됩니다. 대체 이미지는 스킨 압축을 풀면 images 폴더 안에 샘플 이미지가 있으며, "error.jpg" 파일을 표시합니다.
원하는 다른 이미지로 대체가 가능하며, 이미지 파일명 변경을 원할 경우 script.js 파일의 237행의 "error.jpg" 를 다른 파일 이름으로 변경하면 됩니다.
- 공지사항, 최근글, 최근 코멘트, 링크 미리보기는 3개로 설정되어 있습니다. 레이아웃 한계로 갯수를 변경할 경우 전체 레이아웃이 깨질 수 있으므로 갯수 변경을 하지 않는 것을 추천합니다.
- 스킨 압축파일을 풀면 image 폴더 안에 있는 "scriptfadeinout.js" 파일은 오른쪽에서 왼쪽으로 슬라이드되는 애니메이션 대신 페이드인아웃(Fade In/Out)으로 애니메이션 되는 자바스크립트 코드입니다. 파일 이름을 "script.js" 로 바꾼 후 업로드를 하면 됩니다.
스킨에 포함되어 있는 샘플 빈 카테고리 대체용 이미지는 다음과 같습니다.
images 폴더의 "error.jpg" 를 대체해서 다른 것으로 변경할 수 있습니다.
_설치안내
1. index.xml 파일을 반드시 업로드해야 합니다. 티스토리 신스킨은 스킨 옵션 설정을 위해 반드시 이 파일이 필요합니다.
2. images 폴더 안에 있는 모든 파일을 업로드 해야 합니다.(이미지 파일 포함).
3. script.js 파일 업로드 후에는 웹브라우저 캐시 소거를 한번 해주시기 바랍니다. 브라우저 환경에 따라 구 사용 스킨의 자바스크립트 파일이 캐시에 남아 자바스크립트가 정상 동작하지 않는 경우가 있습니다.
사이드바 메뉴가 펼쳐지지 않는다거나 할 경우 캐시 소거를 하면 됩니다.
4. 스킨 시작 단계에서 메뉴 위아래 감춤 영역이 펼침 상태에서 시작하도록 하려면, script.js 271행의 주석표시(// - 슬래시슬래시)를 삭제하고 재 업로드 하면 됩니다.