190403 티스토리 스킨 #11 제작 일지
190403 티스토리 스킨 #11 제작 일지

아무래도 티스토리 메뉴바를 그냥 보여주는 건 영 별로인 것 같아 수정했습니다. 프로필 메뉴예전엔 드랍다운 메뉴로 보여줬지만, 이젠 왼쪽 드로워와 같은 방식으로 표시됩니다.마찬가지로 뒤로 가기 버튼을 누르면 사라집니다. 기타- 페이지를 최초로 불러올 때 잠깐 페이지가 버벅인단 느낌을 받았는데, 원인이 유튜브 썸네일을 불러오는 스크립트였습니다. 일단 해당 스크립트를 껐다 켤 수 있는 방향으로 수정했습니다.- 커버에 나오는 유튜브 영상을 조금 더 편하게 수정할 수 있도록 수정했습니다.- 드로워를 여는 버튼에 애니메이션을 적용했습니다.- 기타 잡다한 오류를 수정했습니다.

190327 티스토리 스킨 #11 제작 일지
190327 티스토리 스킨 #11 제작 일지

글, 카테고리마다 테마를 따로 지정할 수 있도록 업데이트했습니다. 먼저, 지금 블로그에 적용된 테마는 Lovely Heart지만 이 글엔 Cool Summer로 표시되고 있습니다. 또, 갤러리 카테고리로 가보시면 카테고리의 글 목록이나, 카테고리에 포함된 글에 모두 Dark 테마가 적용되어 있습니다. 예전에 작업한 카테고리마다 글 목록의 모양을 다르게 표시하는 것과 더불어 각 카테고리에 조금 더 생동감을 불어넣을 수 있게 됐네요. 아마 어두운 테마로 적용되게 하는 건 자주 사용하지 않을까 싶습니다 ㅋㅋㅋ

티스토리 반응형 스킨 Lovely Pink 2.0 배포
티스토리 반응형 스킨 Lovely Pink 2.0 배포

최신 버전 : 2.0.2 스킨 미리 보기 스킨 소개 사랑스러움이 묻어나는 분홍빛 스킨입니다. 반응형 스킨이며, 커버를 지원합니다. 방명록에도 사용자의 프로필 사진을 표시하며, 댓글에 유튜브 비디오, 이미지 등을 첨부할 수 있습니다. 또, 별다른 썸네일을 추가하지 않아도 본문에 유튜브 비디오가 있으면 자동으로 썸네일로 불러옵니다. 1.0 버전에선 댓글이나 방명록을 남기면 페이지가 새로 고침 됐지만, 이제는 새로 고침 없이 모든 스크립트가 작동합니다. 외에도 다양한 기능들을 지원하며, '스킨 옵션'을 통해 html / css / js에 대한 지식이 없더라도 간단히 수정하실 수 있습니다. 스크린샷 커버 아이템 총 4가지 입니다. 구매 국외 결제가 가능한 카드로 구매하실 수 있습니다. 아래 버튼을 클릭하시면 구..

티스토리 반응형 스킨 #11 Summer Nights 2
티스토리 반응형 스킨 #11 Summer Nights 2

겉모습은 비슷하지만 사실상 처음부터 만든 거라 그냥 넘버링을 따로 붙이기로 했습니다.첫 번째 버전의 소개는 이곳에 있습니다. 다운로드는 이곳에서 하실 수 있습니다. 대부분의 기능은 유지하되, 필요 없는 기능은 좀 빼고 필요한 기능들을 추가하고, 작동 방식을 변경한 기능도 꽤 됩니다. 간편한 옵션 제어 기존 버전과는 다르게, html의 편집 없이 한층 더 간편하게 옵션들을 켜고 끌 수 있습니다. 테마는 Snowy Snow 테마가 빠지고, Light와 Dark가 추가됐습니다. 테마 변경해보기 Light Dark Cool Summer Fruity Orange Lovely Heart 커버 자동 슬라이더 썸네일과 제목만 보여주는 리스트 Masonry를 사용한 리스트 그냥 평범한 리스트 썸네일이 배경으로 들어가는 ..

190314 - 티스토리 스킨 #5 제작 일지
190314 - 티스토리 스킨 #5 제작 일지

꽤 오랫동안 안고 오던 문제를 해결해서 기분이 좋네요. 아직 완벽히 완성된 스크립트는 아닙니다만, 이제 더는 댓글에 변경이 생겨도 창을 새로 고침 하지 않습니다. 예전에 사용하던 스크립트에는 문제가 하나 있었는데, 이전 댓글을 불러오면 이전 댓글엔 스크립트가 작동하지 않거나(답글 버튼 복사 X, 시간 표시 변경 X, 이미지 / 비디오 등 자동 변경 X), 이전 댓글을 불러오자마자 페이지를 새로 고쳐버리거나 둘 중 하나를 택해야 했습니다. 이젠 그럴 필요 없이 이전 댓글을 불러와도 스크립트가 똑같이 작동합니다. 덤으로 인터넷 익스플로러에서 무한 새로 고침 되던 오류도 해결됐습니다. 완성되지 않은 스크립트라 기록한 이유는, 지금은 이 스크립트가 백그라운드에서 500ms마다 1회씩 작동합니다. 물론 스크립트가..

티스토리 반응형 스킨 #10 PC 통신
티스토리 반응형 스킨 #10 PC 통신

둥근모꼴 폰트를 보고 갑자기 만들고 싶어져서 시작한 스킨. 천리안, 하이텔, 나누우리 등 당시 운영되던 웹사이트를 참고하여 제작했습니다. 안타깝게도 홈 화면까지만 구상해두고 더는 진행하지 않았습니다.이유는 개인적으로 이미지 중심의 페이지를 좋아하는데, 이미지를 넣으니 예전 PC 통신 시절 웹사이트의 느낌이 나질 않아 중간에 그만두게 되었습니다 ㅠㅠ 홈 화면입니다.푸른 바탕에 당시 사용하던 헤더의 디자인을 가져왔습니다. 카테고리를 당시 사용하던 게시판의 모양으로 정렬했습니다.페이지의 이동도 클릭이 아닌 카테고리 앞의 번호를 입력하면 해당 카테고리로 이동합니다. 예로 카테고리 1에 해당하는 1번을 입력하고 엔터를 누르면 이렇게 카테고리 1에 해당하는 페이지로 오게 됩니다. 외에도 이런저런 잡다한 명령어가 존..

190307 티스토리 스킨 #5 제작일지
190307 티스토리 스킨 #5 제작일지

오류 수정 및 간단한 최적화가 대부분입니다. 댓글 디자인 변경 댓글 디자인을 살짝 변경했습니다.눈썰미가 굉장히 좋지 않고서야 발견하기 힘들긴 할 텐데, 예전엔 말풍선 꼬리가 직선으로 이뤄져 있었으나, 이젠 부드러운 곡선으로 이뤄져 있습니다. 유튜브 영상 일시정지이젠 인덱스 화면의 유튜브 영상의 소리가 꺼져 있다면, 영상이 스크롤 밖으로 나가는 순간 일시 정지됩니다. 오류 수정 인터넷 익스플로러에서 고정된(fixed) 요소들의 움직임이 부자연스러운 것을 해결했습니다. 아직 모든 요소엔 작업하지 않았고, 배너와 헤더에만 시범적으로 적용했습니다.유튜브 썸네일을 불러온 후에 간헐적으로 masonry가 재정렬되지 않던 오류를 해결했습니다.커버 슬라이더에 유튜브 썸네일을 불러오지 못하던 오류를 해결했습니다.간헐적으..

190301 티스토리 스킨 #5 제작 일지 - 잡다한 기능 추가
190301 티스토리 스킨 #5 제작 일지 - 잡다한 기능 추가

마무리했다고 생각했는데, 정교함에 부족한 점이 많이 보이기도 하고 이래저래 더 예쁘게 할 순 없을까 고민하다 업데이트를 좀 해봤습니다.가벼운 마음에 시작했는데, 규모가 생각보다 커졌습니다; 먼저 우측에 있던 사이드바를 제거하고, 그나마 쓸만한 옵션들만 아래로 옮겼습니다. 너무 쓸모없는 요소도 많은데, 쓸데없이 공간을 차지한단 느낌이 갑자기 들어 삭제하게 됐습니다.솔직히 아카이브 같은 기능은 저도 안 쓰는데 누가 그걸 눌러볼까 싶어.. 1단형 / 2단형 옵션이 사라진 대신 새로운 옵션이 들어왔습니다. '카테고리 표시'란 옵션입니다.예전까진 Masonry를 사용한 디자인 딱 하나만 사용할 수 있었습니다만, 이젠 세 가지 옵션을 선택할 수 있음은 물론, 특정 카테고리에만 특정 디자인을 사용할 수도 있습니다. ..

티스토리 반응형 스킨 배포 [Lovely Pink]
티스토리 반응형 스킨 배포 [Lovely Pink]

20190227 11:09 업데이트 - 모바일에서 검색창이 이상하게 보이던 오류 수정 20190301 17:03 업데이트 - 누락된 404 이미지 추가 소개핑크핑크한 1단형 스킨입니다. 반응형 스킨이며, masonry를 사용해 글 목록을 보여줍니다. 댓글 뿐 아니라 방명록에도 프로필 사진을 표시하며, 댓글에 유튜브 비디오, 이미지 등 다양한 것을 첨부할 수 있습니다. 의외에도 본문에 첨부한 유튜브 비디오를 반응형으로 감싸는 등, 잡다한 기능이 내장되어 있습니다. 라이브 데모 스크린샷 다운로드 및 설치 배포 중단(2019.03.20)2.0 버전 구매 1. 다운받은 파일 압축을 해제합니다. 2. 블로그 관리 > 꾸미기 > 스킨 변경 > 스킨 등록에서 모든 파일을 업로드합니다. 3. 스킨 보관함에서 업로드한 ..

스킨/스킨 목록
잡담
갤러리