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

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

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

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

190102 수정 및 제작 일지
190102 수정 및 제작 일지

새로운 스킨을 제작 중인데, 오랜만에 하려니 영 쉽지 않네요;; 수정 일지부터 시작하겠습니다. 배너에 yes or yes 영상을 넣었습니다. 어두운 모드가 조금 더 어두운 모드답게 보이도록 했습니다.배경에 그라데이션 대신 검은색이 들어갑니다. 댓글에 오류가 있는 걸 발견하고, 수정했습니다. 예전엔 댓글이 많을 때 생기는 '이전 댓글 더보기'란 버튼을 클릭하면 마지막 댓글 안에 댓글들이 우르르 불러와 지고, 댓글을 수정하면 페이지를 새로 고침 하기 전까지 말풍선 안에 새로운 말풍선이 생겼는데, 이제 그 오류가 더는 발생하지 않습니다.또한, 사이드바에서 최근 댓글을 클릭해서 댓글을 보러 가면 노란색으로 깜빡이는 대신 말풍선의 배경을 바꿔서 해당 댓글을 표시해줍니다. Summer Nights는 2.0버전 제작..

181223 크리스마스를 맞아 가볍게 수정
181223 크리스마스를 맞아 가볍게 수정

제대도 했으니 이제 대규모 수정과 새로운 스킨의 제작을 준비 중입니다.그에 앞서, 짤막한 수정을 몇 개 해봤습니다. 인덱스 페이지 이미지 화질 개선싸지방에서 작업하다 보니 사진의 화질을 제대로 확인 못 했습니다.깜짝 놀랄 만큼 화질이 낮아서 이미지 모조리 교체했습니다. About Twice! 페이지 최신화 먼저, 오랫동안 방치되던 About Twice! 페이지를 최신화했습니다.Dance the Night Away의 이미지에서 올해 제일 잘한 일의 이미지로 교체됐습니다. Merry Christmas! 블로그에 눈이 내립니다!

181212 싸지방에서 정말 짧은 수정
181212 싸지방에서 정말 짧은 수정

예전에 헤더 카테고리 처음 만들며 작업했던 애니메이션을 복구했습니다. 굉장히 느린 컴퓨터 붙잡고 하려니 이것도 쉽지가 않네요 ㅋㅋㅋㅋ 처음엔 상하로 움직이게 했다가 오류가 조금 있어 좌우로 변경했습니다.

181127 싸지방에서 간단한 수정
181127 싸지방에서 간단한 수정

컴퓨터가 굉장히 느려 이만큼 하는 것도 2시간이 걸렸네요.그 자리에서 사진 첨부해서 글 쓰려니 시간도 모자라고 사진 첨부도 안 돼서 전화기 받고 글 씁니다. 인덱스 페이지의 슬라이드쇼 이미지와 로고 이미지를 교체했습니다. 배너의 이미지를 변경했습니다. 새로 추가된 통계 버튼이 올바른 위치에 오도록 수정했습니다. 그래도 이거라도 하니 피폐했던 정신이 잠깐 원상 복구되는 느낌이네요.

간단한 수정 몇 개
간단한 수정 몇 개

인덱스 페이지에 음소거 버튼 추가 예전부터 만들어야겠다 생각은 하다가, 귀찮아서 미뤄뒀던 작업입니다. 그냥 저는 사이트 음소거 해두고 썼는데, 음소거 버튼이 있으면 좋겠단 의견에 추가해봤습니다. 확실히 편하네요 ㅋㅋ 헤더 카테고리 잡다하게 애니메이션을 추가해봤지만, 전부 어울리지 않는다는 느낌이 들어서 그냥 투명도만 조절되도록 했습니다. 1:1 유튜브 비디오 이거 하느라 집에 있는 컴퓨터에서 난독화 안된 js 파일 받아와서 작업하고.... 여튼 1:1도 작업했습니다 ㅋㅋ

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

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

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

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

1 2 3 4 5 6 ··· 9