티스토리 블로그 반응형 스킨 Windup Simple 배포합니다. 본문

티스토리

티스토리 블로그 반응형 스킨 Windup Simple 배포합니다.

사진찍는삼촌 2014.02.24 23:59

티스토리 블로그에 맞게 제작된 Windup Simple 스킨입니다.


반응형 웹 스킨이라고 적기는 했지만 실제로 완벽한 반응형의 형태는 아니니 참고 하시기 바랍니다.


Windup Simple Skin 의 특징

빠른 속도를 가지기 위해 가변형의 형태를 기본으로 하고

모바일 기기에서 보여주기 위해 미디어 쿼리를 1회 적용해 만들어 졌습니다.


  • 미디어 쿼리는 768px 이하에만 적용하였습니다.
  • 폰트는 구글웹폰트로 나눔고딕을 설정 하였습니다.
  • CSS 파일에서 media screen and (max-width:768px){ 이하는 모바일 부분을 정의합니다.
  • 빠른 수정을 위해 DIV 이름을 기본스킨에서 그대로 가져왔습니다.
  • PC 모드 익스플로러8 이하 에서는 가변형만 적용되어 보여집니다.
  • 구글의 구조화된 데이터 마크업 도우미를 이용해 구조화된 데이터가 일부 적용되어 있습니다.
  • 아래 예시그림에 나온 애드센스 광고배치는 적용되어 있지 않습니다.

스킨 다운로드 :  

Tistory_skin_WindupSimple.zip



해결하지 못한 문제점, 주의사항
테이블 태그를 이용한 부분은 화면에서 잘려보일수 있습니다.


h1 가나다라마바사 Windup Simple Tistory Skin

h2 가나다라마바사 Windup Simple Tistory Skin

h3 가나다라마바사 Windup Simple Tistory Skin

h4 가나다라마바사 Windup Simple Tistory Skin

h5 가나다라마바사 Windup Simple Tistory Skin
h6 가나다라마바사 Windup Simple Tistory Skin

Bold 가나다라마바사 Windup Simple Tistory Skin


본문 가나다라마바사 Windup Simple Tistory Skin



Pc에서 본 화면




모바일기기 예시화면모바일기기 예시화면





현재 테스트 블로그에서는 잘 돌아가고 아무문제 없는 것으로 확인되었습니다만....
처음 배포하는 스킨이라 문제가 생길 수도 있으니 반드시 백업을 하시고 테스트 후 사용하시기 바랍니다.

문제가 있거나 중금하신 사항은 댓글 남겨 주시면 확인은 하겠지만 빠르게 답변드리지 못할 수도 있습니다.

그리고 나름 공들여 만든 스킨이니 아래 제블로그 주소는 살려(?)주시면 감사하겠습니다.^^


괜챦다 싶으시면 따뜻한 응원 한마디 부탁드립니다.^^



신고
Total
178,644
Today
22
Yesterday
56

티스토리 툴바