본문 바로가기

Works/Blog Skin

Mirage - 실험용 티스토리 스킨 티저 실험용이라고 해서 베포를 안 하는 것은 아니고요, 여태까지 시도된적 없는 방법을 많이 써봤습니다. 일단 그리드 부터가 16단 그리드 입니다. 그리고 사이드바를 옆으로 땡겨서 왼쪽에 위치되어있고요, 모바일 뷰에서는 아래로 내려갑니다. 이외에도 자동 숨김처리 되는 오른쪽 메뉴와 화면 크기가 줄어들때 자동으로 오프켄버스 메뉴가 뜹니다. 스킨의 전체적인 스타일도 아주 독특하게 만들었습니다. 메뉴는 전부다 아코디언 형태로 숨겨져 있고, 게시글의 코멘트와 트랙백, 태그는 텝 형태로 지원이 됩니다. 그리고 베포용 스킨으로서는 최초로 블루프린트를 제거하는 기능을 적용하였습니다. 이 때문에 적용과정이 약간 귀찮아 지긴했지만 그렇게 힘들진 않으니 초보자도 문제 없이 설치가 가능하리라 봅니다. 덕분에 반응형 스펙을 완벽하게.. 더보기
Paper - 티저 2단 반응형은 여러개 만들어 보았지만 3단 반응형은 이번에 처음 만들어 봅니다.스킨의 특징이라면 글 너비가 무제한이라는 것을 들 수가 있겠내요마치 테블릿 앱 처럼 작동합니다. 더보기
Dynamite 거의 완료 어느정도 실사 좀 해보고 버그를 잡은 뒤에 업로드 하도록 하겠습니다. 더보기
이글루스 스킨 제작 일지 이글루스 스킨을 제작하면서 만나는 별의 별 개같은 경우를 아주 상세히 열거하고, 어떻게 우회를 했는지도 간략하게 설명해보려 한다. 일단 이글루스는 head 부분을 수정할 수 없기 때문에 meta 태그를 쓸 수가 없고, 따라서 view port를 수정할 수 없기 때문에 반응형 스킨의 적용이 불가능하다. 걍 동명의 티스토리 스킨 scss가 아까워서(사실은 입대 전에 잉여력 폭발해서) 이글루스에 적용시도를 해보았으나 티스토리 만들때 보다 더 작업이 많아졌다 -_- 이글루스는 스킨의 기본폰트가 굴림으로 뜬다 (님들아 자비 좀…) 티스토리는 돋움이 기본 폰트고, 네이버는 돋움 기본에 나눔고딕 설치 되어있을시에는 나눔고딕으로 로드를 하게 설정이 되어있다. 제발 좀… 굴림 좀 쓰지말자. 스킨 곳곳에 em,abbr 같.. 더보기
Dynamite - 페이지 별 페럴랙스 헤더 dynamite 스킨의 최대 특징으로는 페이지 별로 별도의 페럴랙스 헤더 배경을 지정할 수 있습니다. 티에디션 방명록 키로그 위치로그 미디어 로그 보호글 검색 결과 태그 클라우드 본문 본문 제목이 아주 길때 본문 제목이 아주 길때는 타이틀 부가 커지면서 밑부분이 드러나게 됩니다. 권장하는 헤더 배경 크기는 1920x1080 사이즈이며, 그 이상도 괜찮지만 너무 크면 스크롤시 버벅거리므로 신중하게 적용하셔야 할듯 합니다. 더보기
Dynamite - 티스토리용 페럴랙스 스킨 페럴랙스를 기본으로 지원하는 스킨입니다. CSS3으로 구현한 반쪽짜리 페럴랙스가 아닌 자바스크립트로 지원하는 페럴랙스 입니다.페이지 별로 다른 베너가 들어가며, 베너는 모두 페럴랙스 기능이 제공됩니다. 더보기
Hare 사이드바/ 하단부 완료 사이드바/ 댓글/ 하단부의 스타일이 완성되었습니다. 기본 Glyphicon으로는 FontAwesome을 사용합니다. 참고로 IE8 하위지원은 전혀 계획이 없습니다. 더보기
Hare - Ultra Lightweight Tistory Skin 이전 부터 제작하고 있었던 스킨입니다.이미 오래 전에 만들어 두었지만 뒤늦게 내놓는 이유는 관리가 안되는 동안에도 꾸준한 방문자 유치를 위한 자구책이라고 보시면 됩니다. -ㅅ-;시중에 있는 반응형 티스토리 스킨 중에서 가장 가벼울 것으로 예상 (총 용량 0.19mb)제작과정 몇 번 포스팅하고 마지막으로 본 스킨파일이 업로드 됩니다. 더보기
스킨 업데이트 v 2.1 - 오프켄버스 메뉴 어쩌면 이게 마지막 업데이트가 될지도 모르겠군요...사이트 전반에 오프켄버스 메뉴를 추가했습니다.이제 모바일에서도 손쉽게 메뉴에 접근이 가능합니다. 더보기
티스토리 새 관리 - 메인 완료 이제 이짓을 모든 페이지마다 할걸 생각하니 정신이 아득하군요 -ㅅ-그리고 SVG를 CSS에 쑤셔 넣는거 너무 귀찮아요... 색상 변경도 귀찮고... 더보기