티스토리 반응형 스킨 Summer Nights 2.0 배포
티스토리 반응형 스킨 Summer Nights 2.0 배포

드디어 배포하게 됐습니다.배포 준비하고 배포하기 1시간 전에 티스토리 툴바가 업데이트돼서 다시 작업하는 등 우여곡절이 많았네요 ㅠㅠ 소개상당히 많은 기능을 구겨 넣되 커스터마이징은 간단하게 할 수 있게 한 스킨입니다.다양한 기능 덕에 스킨에 생동감도 넘치는 편입니다. 자세한 기능 소개는 여기다운로드는 여기데모 블로그는 여기 1 버전에선 없던 기능인 커버를 사용해 홈 화면을 꾸밀 수 있습니다.커버 기능의 업데이트로 1 버전의 특색이던 홈 화면은 사라졌지만, 수정이 훨씬 쉬워지고 기능은 다양해졌습니다. 2단형에서 1단형으로 변경된 글 화면 한층 동글동글해진 댓글 목록.더는 이미지나 비디오 등을 위해 새로 고침 할 필요도 없어졌습니다. 3가지로 늘어난 글 목록의 디자인 2018년 8월에 처음 선보인 뒤로 엄청..

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

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

190121 티스토리 스킨 #5 제작일지 - 커버 업데이트
190121 티스토리 스킨 #5 제작일지 - 커버 업데이트

커버 업데이트에 맞춰, 홈 화면을 꾸밀 수 있도록 업데이트했습니다.종일 슬라이더 스크립트만 잡고 있었네요. 슬라이더입니다.기본적으로 화면 최상단에 고정되며, 스크롤하면 아래 내용이 슬라이더 위를 덮으며 올라옵니다. 이거 작업이 당연하지만 제일 오래 걸렸네요; 간단하게 썸네일을 중심으로 보여주는 글 목록입니다. Masonry를 사용한 글 목록입니다. 기본적으로 글 목록의 것과 크게 다를 건 없지만, border-radius가 없고, box-shadow가 없습니다. 단순한 글 목록입니다. 썸네일을 배경에 넣는 글 목록입니다. 갤러리 형태의 글 목록입니다. 왼쪽이 마우스를 올린 모습, 오른쪽이 마우스를 올리지 않은 모습입니다. 스킨 제작 초창기에 만들어뒀던 건데, 사용하지 않아 삭제하려다 각주 처리해뒀는데 마..

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

서울에 일주일가량 다녀오느라 좀 많이 늦었네요 ㅠㅠ이제 좀 지루해지는 단계입니다. 눈에 보이는 변경은 별로 없지만, 세세한 틈 하나하나 채워 나가는... Video Sticker video-sticker에 자그마한 변화가 있습니다.이제 스킨 옵션에서 해당 옵션을 껐다 켤 수 있게 변경하고, 비디오가 하나가 있을 땐 무조건 작동하도록 했습니다. 물론 해당 옵션을 끄고 싶은 글이 있을 수 있으니, 이 글에서 확인하실 수 있듯 특정 글에만 끌 수도 있도록 해뒀습니다. 댓글 입력란 디자인 댓글에 이모티콘 / 이미지 / 비디오 를 쉽게 첨부할 수 있도록 해뒀습니다. 예전엔 이모티콘이 댓글 입력창 위에 표시됐지만, 이젠 이미지 / 비디오와 함께 아래에 표시됩니다. 이모티콘 버튼을 누르면 레이어가 뜨고, 이모티콘을 ..

[wip] Summer Nights 2.0
[wip] Summer Nights 2.0

일단 기존의 틀을 크게 벗어나지 않는 선에서 새로이 제작 중입니다.필요 없는 것은 버리고, 필요한 것들은 새로 추가하며 만들어가는 중인데, 쉽지 않네요 ㅠㅠ 로딩 창 / 프로필 레이어의 배경 등에 남아있던 트와이스의 상징들을 제거해 범용성을 높였습니다. 일단 스킨 옵션들을 다양하게 추가해서, 예전처럼 복잡하게 매뉴얼을 보고 따라 하지 않아도 되도록 수정하고 있습니다. 홈 화면의 모습입니다. 전체적으로 예전과 크게 변함은 없지만, 조금 더 둥글둥글하게 만들어 봤습니다. 예전과 다르게 방명록 / 태그 목록 등에서도 배너에 간단한 문구를 삽입할 수 있습니다. 배너에 카테고리 / 제목 등을 표시하는 부분의 디자인을 살짝 변경했습니다. 오래된 댓글의 디자인을 새로이 개편했습니다. 예전의 디자인은 모바일 환경에서 ..

티스토리 스킨 #5 Summer Nights
티스토리 스킨 #5 Summer Nights

상세한 내용 및 다운로드 처음 만든 스킨 같은 스킨입니다.잡다한 기능을 넣을 수 있는 대로 넣었습니다. 잡다하게 길게 적어봐야 스킨 배포에 적은 글이랑 중복되는 내용 뿐일 것 같아 짧게 줄이겠습니다.

티스토리 반응형 스킨 [Summer Nights] 1.5 배포
티스토리 반응형 스킨 [Summer Nights] 1.5 배포

다운로드 배포 중단 (2019.03.21) 완전히 무료로 제공되는 스킨입니다. 스킨에 삽입된 스킨의 제작자와 관련된 문구들은 삭제하지 말아 주세요.인터넷 익스플로러와 완벽하게 호환되지 않습니다. 헤더 카테고리의 '분류 전체 보기', 사이드바의 '카테고리 전체 보기'가 필요 없으신 분은 no_view_all.js를 받아주세요. 스킨을 내려받으신 후에 이 글을 참고하시면 수월한 커스터마이징을 하실 수 있습니다. 데모 페이지 소개 Cool Summer Fruity Orange Lovely Heart Snowy Snow 화면을 꽉 채우는 이미지로 구성된 인덱스 페이지가 특징인 반응형 스킨입니다.html에 class의 조정이나, 간단한 css의 수정을 통해 커스터마이징이 쉽도록 노력합니다.또한, 스크립트를 통해 ..

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

이제 이래저래 정리는 끝났고, 배포용 버전 작업하면 되겠네요. 이 글 쓰고 나가봐야 하고, 배포용 버전으로 만드는 작업이 시간이 생각보단 좀 걸려서 아마 오늘 저녁 늦게나 내일 점심 전쯤 올라오지 않을까 싶습니다. 헤더 카테고리를 활성화하면 PC에서 헤더 좌측에 있던 버튼이 사라집니다. 사이드바에 있던 모든 기능을 헤더로 끌고 왔습니다. 검색은 저 버튼 누르시면 어떻게 동작하는지 확인하실 수 있습니다. 관리자 메뉴는 이리 옮겨왔습니다. 이미 본인의 대표 블로그로 가는 관리 / 글쓰기 링크가 포함되어 있지만, 당연히 대표 블로그가 아닌 블로그에 스킨을 적용할 수도 있기에 관리자 메뉴를 따로 만들어뒀습니다. 진작에 사이드바에 홈 카테고리 등으로 가는 링크를 만들어 뒀는데 왜 Menu 버튼을 안 없앴는지 모르..

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

헤더 카테고리 헤더 카테고리를 완성해가는 중입니다. 초기에 구상했던 바는, 컨테이너 폭이 저렇게 정해져 있지 않고 유동적으로 설정됐습니다.그러고 스크립트로 적절히 위치를 찾아서 마우스를 올리면 left값을 조절할 예정이었는데, 너무 한정적인 상황을 위해 브라우저가 고생해야 한다는 기분이 들어서 그냥 컨테이너 너비를 일정 값으로 정해뒀습니다. 그리고, 글 작성한 날짜를 추가했습니다. 당연히 아무도 알 수가 없었던 버그지만, 최근 글을 불러오다 이미지가 없는 글을 만나면 이미지들이 통으로 누락되는 버그가 있었습니다.해당 버그를 고치고, 이미지가 없는 경우 티스토리 이미지가 뜨도록 해뒀습니다. /category 경로 디자인 헤더로 카테고리가 옮겨가며, 카테고리 / 검색 결과 등에서 더는 사이드바가 좌측에 고정..

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