로딩 페이지 변경 댓글 새로 고침 작업한 뒤로는 매번 로딩 창 보는 게 너무 거슬리지 않을까 싶어서 글에서는 보이지 않도록 했습니다.대신 홈 화면에서 표시되도록 하였습니다. 로그인 / 로그아웃 삽입 예전 Lovely Skin엔 있던 기능인데, 불필요하다고 판단하여 삭제했으나 없으니 허전해서 조금 업그레이드해서 다시 살려봤습니다. 배너 변경 이제까지는 배너를 숨기기 (opacity:0) 만 해왔으니, 당연히 배너가 눈에는 안 보여도 계속 재생은 되고 있고, 그래픽카드는 그 비디오를 계속 디코딩하고 있었습니다. 그렇다고 비디오가 안 보이면 비디오를 멈춰버리면 배너 노래를 들으면서 글을 볼 수가 없으니, 비디오가 음소거된 경우에만 비디오를 일시 정지하도록 했습니다.PC에선 체감이 안 되지만, 모바일 환경에선 ..

아마 이 스킨의 제작 일지도 마지막이지 않을까 싶어지네요. 뭐 항상 이렇게 말했다가도 수정할 것이 생각나면 수정하고, 별말 없이 갑자기 갈아엎고 새로 시작하기도 하고 해왔으니 이런 말을 하는 게 더 의미가 있나 싶기도 합니다만... 로딩창 삽입 블로그 로딩이 항상 얼마 걸리지도 않아서 크게 넣고 싶지 않았던 항목이지만, About Twice! 처럼 본문의 형식을 무시하는 글인데, 사용되는 이미지가 고용량이라 이미지가 완전히 로딩되기 전에 본문이 이상하게 보이는 문제 때문에 한 번 넣어봤습니다. 막상 넣고 보니 그렇게 나빠 보이지만도 않긴 하네요. 모든 페이지에서 이 로딩 창을 보는 건 아무래도 굉장히 성가실 것 같아서, 글을 로딩할 때만 표시되도록 해뒀습니다. 카테고리 다른 글 디자인 변경 hover m..

유튜브를 보다가 동영상 하나 놓고 그와 관련된 글을 쓸 땐 좋지 않을까 싶어서 만들어보는 중입니다. 근데 영상을 위주로 하는 블로그가 아니라서 만약 만든다 해도 쓸지가 의문이긴 하네요. 마음에 들게 만들기가 굉장히 힘듭니다 ㅠㅠ 사용하고 싶을 땐 iframe을 특정 class를 지닌 div로 감싸고, 만약 그 div가 하나만 있을 때만 동작하도록 만드는 중입니다. 유튜브 영상이 페이지 최상단에 존재하도록 하였고, 페이지가 스크롤 되어 영상이 보이지 않으면 하단에 고정되도록 했습니다.

이제 큰 틀은 더 변경할 것이 없어 보여, 자잘한 변화들만 계속되는 중입니다. 이미지 커서 온클릭 이벤트 없음 온클릭 이벤트 있음 지금까지는 모든 이미지에 포인터 커서를 줬지만, 이젠 온클릭 이벤트가 있는 경우에만 포인터로 변경되도록 했습니다. 인덱스 페이지 별건 아니고 로고의 애니메이션을 좀 수정했습니다. What is love? 이란 테마에 맞춰서 천천히 호흡하다, 마우스를 올리면 호흡이 빨라지는 것처럼 표현해봤습니다. 처음엔 심장 박동처럼 해보려다 너무 난잡하고 요란해서 호흡으로 바꿨습니다. 푸터 내용이 없는 영역은 표시되지 않도록 변경했습니다. 사이드바 스킨 사용하시는 분의 요청으로 아코디언 메뉴를 만들어서 적용해봤습니다.하지만 제 블로그는 하위 카테고리가 많지도 않고, 접었다 폈다 하기 귀찮아서..

배너 위에 특정 정보들을 넣으려고 이런저런 시도를 많이 해봤습니다 타이틀도 배치해보고, 이것저것 해보다가 깨달았습니다. 배너를 가릴 수가 없다는걸. 예전에 그냥 사진 걸어둘 때는 아무런 거리낌이 없었는데, 트와이스 영상 넣고부터는 배너 위에 뭘 배치하니까 몹시 거치적거리더군요;; 그래서 트와이스 what is love mv에 나오는 장면들을 11개로 추려서 넣어봤습니다. (영화 패러디 8개 + 단체 댄스 2개 + 광고 1개) 단체 댄스 영상 나연 정연 모모 사나 지효 미나 다현 - 원데이 아큐브 광고 채영 쯔위 가릴 수 없으면 최대한 꾸며야 하는 것 아니겠습니까. 사실 이때까지 배너 영상이 하나였던 이유도 배너에 제목 등을 넣어보기 위함이었는데, 가릴 엄두가 안 나니까 각종 영상으로 열심히 꾸며야죠. 근..

최신 버전 업데이트 https://marshall-ku.tistory.com/178 다운로드 주의 : 이 스킨에 포함된 인터파크 고딕 폰트는 개인의 비상업적 용도에 한해 무료로 제공되는 폰트입니다. 이 스킨은 익스플로러와 완벽하게 호환되지 않습니다! Dance the Night away 테마 (하늘색 중심) What is Love 테마 (보라색 & 분홍색 중심) 다운로드 후에 이 포스트를 참조하셔서 초기 설정이나 커스터마이징을 하시면 됩니다. 소개Dance the Night away 테마What is Love 테마 인덱스 페이지를 꾸며본 반응형 스킨입니다.데모페이지 카테고리 목록엔 Masonry 디자인을 사용했고, 페이지 이동이 필요 없이 다음 페이지를 불러옵니다. 사이드바를 더욱 간단하게 닫으실 수 있..

테마 변경http://marshall-ku.tistory.com/104 내년을 기약하며 여름의 색을 벗고 새로운 색을 입혔습니다. 댓글 정렬 버튼 수정더는 댓글이 하나일 때 정렬 버튼이 나타나지 않습니다. 배너 변경이제 배너가 스크롤을 따라 천천히 올라갑니다.고정된 요소를 통해 비교해봤습니다. 모바일에선 좀 부드럽지 않게 작동하는 것 같아 고민 중입니다.근데 모바일에선 그냥 애니메이션들이 거의 부드럽게 표현되질 않더군요..;; 날짜 표시 변경뭐하라님의 글을 참고했습니다. 인덱스 페이지 변경Contact를 제일 아래로 내리고, 이미지들의 높이를 400px에서 100vh로 변경했습니다. 기타 - html 내부의 태그들을 손보고, 귀찮아서 미뤄뒀던 작업인 img들에 alt속성 추가하는 작업을 끝냈습니다.- L..

인덱스 페이지 꽤 많은 변화를 줘봤습니다. 먼저, 앞선 인덱스 페이지는 정말 아무 기능도 하지 않았으나, 이제 스크롤을 내리면 이런저런 요소들이 보이도록 했습니다. 아직 시범 단계라 디자인이 아주 엉성하긴 합니다만, 인기 글의 목록을 추가하고 about 페이지를 옮겨왔습니다. 아직 내부에 어떤 요소가 들어갈지는 고민 중이라, 큰 변화가 있을듯합니다. 인기 글 인기 글 리스트를 넣었습니다. 인기 글을 넣으며 최근 글/댓글은 탭으로 분리하는 방식을 선택할까 고민을 잠깐 했으나, 인덱스 페이지의 새로운 글 목록도 같이 손봐야 해서 일단 미뤄뒀습니다.인기 글의 목록은 6개인데, 최근 글/댓글의 목록은 5개라 인기 글을 줄일지, 최근 글을 늘릴지 고민 중입니다. 글에 사용되는 디자인 가장 먼저, h2의 디자인을 ..

최신 버전이 업데이트됐습니다!! 최신 버전으로 이동 다운로드 위는 스킨, 아래는 배너 영상입니다. 트와이스의 Dance the night away MV의 일부분이니, 사용하지 않으실 분은 굳이 받지 않으셔도 됩니다. 주의 : 이 스킨에 포함된 인터파크 고딕 폰트는 개인의 비상업적 용도에 한해 무료로 제공되는 폰트입니다. 소개 반응형 스킨이며, 인덱스 페이지를 손봐서 블로그 첫 화면을 꾸몄고, 위치로그 페이지를 손봐서 About 페이지를 만들었습니다. 1단형, 2단형의 전환이나 블로그 테마의 변경 등이 편하도록 노력했습니다. 스크린 샷을 이것저것 올리는 것 보던, 직접 둘러보시는 게 좋을듯하여, 데모페이지를 개설했습니다. 글을 작성할 때 사용하는 이런저런 디자인들은, 들어가면 보이시는 가장 최근 글인 '글..