티스토리 스킨배포 No.8 버젼 slideshow

티스토리 스킨을 배포합니다.이번 스킨은 소개가 좀 필요합니다. 
이번에도 워드프레스 테마의 스킨을 티스토리에 맞게 수정한겁니다. 블로그가 아닌 개인 홈페이지나 기타 홈페이지의 냄새가 나는것을 골랐는데 잘 맞는지는 모르겠네요...

이번 스킨의 특징은 이미지가 슬라이드 된다는 겁니다.
원래 목적이 있는 스킨이라 제가 이렇게 제작을 했습니다.
스킨을 사용하시는 분은 반드시 글을 꼭 읽어주세요. 변경해야할 부분이 좀 있습니다.

우선 몇가지 특징을 알려드리겠습니다.

이미지 슬라이딩

현재는 아기 이미지를 7장을 업로드해서 사용했습니다. 이미지 슬라이딩과 스킨 미리보기는 아래 링크를 확인하세요. 추후 스킨이 변경될수도 있습니다.
미리보기 => http://demunkr.tistory.com/


아기 이미지는 제가 일괄적으로 높이 220px 으로 줄여서 올린겁니다.
자동으로 슬라이딩이 됩니다.

사용법.

1. 사진준비.
사진이 크면 일부분만 보이는 높이를 반드시 220px로 조정해서 업로드하세요.
아래처럼 스킨수정에서 업로드해도되고 다른곳에 업로드해도 됩니다. 주소만 있으면 되니까요.


2. 업로드된 이미지 주소 수정하기.
skin.html 에 보시면 주석으로 표시가 된곳이 있습니다.
<!-- 여기서 이미지 슬라이딩 자바스크립트 -->
이런식이죠. 거기서부터 보시면 아래처럼 이미지 주소가 나옵니다.1
이부분이 코드입니다.수정해야합니다.
스킨편집에서 업로드를 했기 때문에 ./images 로 나가고 사진이름을 지정하시면 됩니다.
즉 ./images/사진이름 입니다.

소셜사이트 버튼 이미지.

이 스킨에는 기본으로 트위터하고 페이스북이 포함이 되어 있습니다. 있는분은 주소만 변경해서 사용하시면 됩니다.

수정하는 법.
먼저 수정하시기전 다른 이미지를 넣고 다른 주소를 넣은것은 본인이 알아서 하세요. 있는것을 변경하는것은 여러분 자유입니다.

아래 이미지를 보시면 본문상단에 보이는 곳과 사이드바에 보이는곳 두곳을 변경해주셔야 합니다.


먼저 본문상단.
html 에서 아래부분을 먼저 찾아서 수정해주세요2

수정해야합니다.

3번과 4번에 주소에 자신의 트위터주소와 페이스북 주소를 넣어주시면 됩니다.

그다음 사이드바의 변경할부분.
먼저 아래코드를 보세요
수정해야합니다.

위에서 하이라이팅 된 부분 즉 6,7,8 번 줄에 해당하는곳에 주소를 변경해주시면 됩니다.

다음 특징은 여유분의 하단 사이드바.

각종 링크나 아니면 글등을 사이드바에 넣기에는 다소 부족한 부분이 있습니다. 하단에 배너나 다른 링크를 넣어 사용할수 있습니다.

아래 이미지를 보시면 아시겠지만 3개의 여유분이 있습니다. 제가 대략 제 블로그로 링크를 넣었으니 수정해서 사용하시면 됩니다.


사이드바 수정에서 보시면 아래 이미지처럼 사이드바2 라고 적힌 부분이 하단부분입니다.
서로 바꾸어서 사용할수 있지만 보기에 않좋습니다.
수정할 능력이 있으신분은 서로 바꾸어서 사용해도 됩니다.


참고사항.

멀티브라우징을 추구하는 저에게 모든 브라우져에서 테스트는 기본이죠^^;
일단 크롬,오페라,파이어폭스,사파리,익스플로러 모두 체크했습니다.
단 ie 6에서 본문보다 큰 사이즈의 사진을 넣을때는 사이드바가 아래로 내려갑니다.

큰 사진을 첨부할때는 반드시 아래처럼 너비를 560px 이하로 지정해주세요.
본문 너비는 600px 이지만 ie6은 좀 특별한 녀석이라 넉넉하게 줄여주는것이 좋습니다.
ie6 은 전체적으로 약간 상이하게 보입니다. 이점은 참고하세요.


물론 다른 브라우져는 이상없습니다.
전체적으로 모든 브라우져에서 이상없이 보입니다.

참고로 스샷 올립니다.



수정 부분이 있어 다시 배포합니다. 
검색부분과 페이징 부분에 코드가 잘못되어서 수정해서 다시 배포합니다.
이메일 보내는 부분을 지웠습니다.





이 버젼은 다운로들 제공하지 않습니다. 8.1버젼을 사용하세요.

개    개