모바일용 티스토리 블로그 스킨 두번째 버전 공개합니다.

 

 

 

어제(http://martian36.tistory.com/950)에 이어 오늘은 각종 아이콘 삽입과 댓글 부분 레이아웃 변경, 그리고 사이드바의 검정색 바를 제이쿼리 애니메이션 처리해서 클릭하면 안보이게 하는 작업을 완료했습니다. 블로그의 사이드바는 카테고리나 링크 등 내용이 많아서 불필요한 것은 스마트폰에서 탭(데스크탑의 클릭과 같음)해서 보이지 않게하는 기능이 필요합니다. 처음에는 펼쳐져 있지만 탭하거나 데스크탑 화면에서 클릭하면 내용이 줄어듭니다. 스마트폰에서는 아주 중요한 기능입니다.

 

 

 

 

사이드바 메뉴를 탭해서 하단 두개의 메뉴만 남기고 다 숨긴 상태입니다.숨겨진 메뉴를  탭하면 다시 나타납니다. 위 화면은 오페라 모바일 에뮬레이터로 본 화면이고 실제 스마트폰에서 실험하니 작동이 잘됩니다.

 

 

cfile6.uf.150F323B4FFD7C7926F28A.zip

 

 

데모 블로그 –> http://explorer36.tistory.com/

 

설치방법과 사용방법은 이전 글을 참고하세요.

 

 

Related posts:

  1. 티스토리 블로그 스킨 만들기 – 현재까지 진행된 스킨을 공개합니다. “티스토리 블로그 스킨 만들기”라는 타이틀로 만들고 있는 스킨은 이웃블로거이신 이츠하크님의 요청으로 시작해서 거의 마무리 단계에 있습니다. 지금까지 만든 것으로도 충분히...
  2. 티스토리 스킨 – 모바일 겸용 반응형 티스토리 스킨 공개합니다.     HTML5와 CSS3의 웹표준에 근거한 반응형(Responsive) 디자인입니다. 반응형 디자인이란 모니터 스크린 사이즈에 따라서 웹페이지의 레이아웃이 바뀌도록 CSS의 Media Query를...
  3. 부트스트랩을 이용한 티스토리 모바일 겸용 블로그 스킨 공개합니다.(최종 버전)     현재 티스토리 블로그가 커스텀 모바일 스킨을 지원하지 않고 모든 포털 사이트의 블로그가 그렇지만 모바일로 접속하면 일방적인 디자인으로 나타나고...
  4. 티스토리 블로그 스킨 만들기 9 – 제이쿼리 플러그인을 이용한 메뉴바 만들기 1 이번 글에서 만들 메뉴바입니다. 이미지로 보면 단순하지만 이곳 을 클릭하여 위 테스트 블로그로 이동하고 메뉴에 마우스오버하면 홈에 있던 회색의 박스가...
  5. 티스토리 블로그 스킨 만들기 10 – 제이쿼리 플러그인을 이용한 메뉴바 만들기 2 이번 글에서 만들게 될 메뉴바입니다. 이곳 을 클릭하면 테스트 블로그로 이동합니다. 메뉴에 마우스 오버하면 서브 메뉴가 애니메이션 되면서 나옵니다. 구글...

댓글 남기기