[Summer Nights] 초기 설정 및 커스터마이징
[Summer Nights] 초기 설정 및 커스터마이징

초기 설정 폰트 제거 1단형/2단형 변경 어두운 모드 설정 각종 색상 배너 인덱스 페이지 About 인기 글 헤더 블로그 이름 아이콘 폰트 404 페이지 수정 네이버 이웃 아코디언 메뉴 검색 결과 표시 자동으로 다음 페이지 불러오기 헤더 카테고리 후술할 내용 중, html / css의 편집은 티스토리 스킨 편집에서의 html / css 편집을 의미합니다. js의 수정은 summer-nights.js의 수정을 의미합니다.사용 중이신 텍스트 에디터를 이용하셔도 되고, 에디터가 없으신 경우엔 메모장으로도 가능합니다. js의 추가는 summer-nights.js에 추가를 하셔도 되고, html의 앞에 와 함께 이용하셔도 됩니다. 초기 설정 스킨을 등록하신 후에 블로그 관리 탭으로 가주세요. 본인 블로그에서 q를..

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

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

티스토리 반응형 스킨 공유
티스토리 반응형 스킨 공유

저번에 작성한 글은 너무 허술한 면이 있고, 조그마한 변화가 있어 재차 글을 작성합니다. 글 다 써놓고 파일 첨부하다가 크롬이 튕기는 바람에 처음부터 모조리 다시 썼네요... 스킨을 배포하는 것도 처음이고, 블로그를 운영한 시간도 그리 길지 않아 다양한 변수와 마주해보지 못했습니다. 만약 문제점을 발견하셨다면, 가르쳐주시면 굉장히 감사하겠습니다. 1. 다운로드 2. 소개 3. 각종 설정 및 사용법 * 주의 : 이 스킨에 포함된 인텔 고딕체 등은 개인의 비상업적 용도에 한해 사용이 허가되어 있습니다. 광고가 달린 블로그라면 사용 시 문제가 발생할 수 있습니다. 조금 더 쉽게 이미지와 비디오가 어디 사용되는지 파악 가능하시도록 제가 사용하던 비디오와 이미지 파일들을 삭제하지 않았습니다. 데모 페이지는 따로 ..

티스토리 스킨 #4 마무리
티스토리 스킨 #4 마무리

인덱스 비디오로 시작한 포스트가 많은 것 같아, 이번에는 글 목록 스크린 샷으로 시작해보려 합니다. 이제까지는 스킨 하나 틀을 잡아 놓고 그 틀을 완전히 벗어나야 하는 스킨이 만들고 싶은 경우가 아니면 한 스킨을 계속 잡고 늘어지고 있었습니다. 그래서 '마무리'라는 제목의 글을 쓰게 될 거라고는 상상도 하지 않았고요.꽤 마음에 드는 스킨이고, 더욱 작업하고 싶은 욕구는 있으나, 뭘 해야 할지 생각나는 게 없어 여기서 멈춰보려 합니다. 물론 추가하고 싶은 게 생긴다면 하겠지만요.최적화도 나름으로 열심히 해서, 예전보다 훨씬 나은 결과를 봤습니다. 크롬 개발자 도구를 이용해 페이지 속도를 측정하며, 가장 불러오는데 오래 걸린 파일들을 차례로 손봐나가고, 이래저래 요청을 줄이려고 노력을 꽤 했습니다. 이번에는..

후다닥 만든 3번째 스킨
후다닥 만든 3번째 스킨

위 배너는 태블릿을 산 기념으로 직접 적었다.폰트로 작업하는 게 훨씬 깔끔 이야 하겠지만, 뭔가 의미는 이쪽이 더 있을 듯하여 직접 그린 배너로 적용했다. background-image가 굉장히 적용이 이상하게 될 때가 많았다.body에 그냥 적용해놓으면 모바일 크롬에서 표시가 이상하게 되며, 심지어 주소창이 사라지면 그 부분만큼 아래에 공백이 생기는 참사가 발생한다.1cs 123456789#fixed_bg { background-image: url(./images/bg.jpg); position: fixed; background-size: cover; width: 100vw; height: 100vh; z-index: -1; top:0;}Colored by Color Scriptercs이렇게 간단하게 ..

최대한 심플하게 제작 중인 두 번째 스킨
최대한 심플하게 제작 중인 두 번째 스킨

하나는 만들다가 버리고 그냥 최대한 취향을 담아 만드는 중인 두 번째 스킨. http://html-test.tistory.com 항상 그래 왔듯 테스트는 여기서 하는 중이다. 틀은 다른 툴을 이용해 잡더라도 치환자들 때문에 그 후 작업은 모조리 티스토리에서 해야 한다는 점은 항상 불편하게 다가온다...검은 바탕을 좋아해 이번엔 검은 바탕에서 스킨을 만들어 봤다. 흑백을 바탕으로 하고 각을 잡아 놓으니 고급스러운 느낌을 준다는 생각이 들기도 하고, 무엇보다 마음에 든다.지금 스킨은 데스크탑에서 좀 허전하다는 느낌을 주는데, 이번 스킨에선 왼쪽 사이드바를 데스크탑에선 자동으로 확장되도록 했다.첫 스킨과 두 번째 스킨은 심플하게 제작했으니 세 번째 스킨은 최대한 시각 효과들을 넣어볼까 생각 중인데 아무래도 취..

첫 번째 티스토리 스킨 백업
첫 번째 티스토리 스킨 백업

두 번째 스킨이 어느 정도 윤곽이 잡혀가는 기분이고, 이 스킨을 완성도 안 하고 대뜸 이 블로그로 가져왔을 때처럼, 일을 저질러놔야 조금이라도 더 빨리하지 않을까 하는 생각에 첫 번째 스킨은 여기서 정리를 해놓고 두 번째 스킨에만 집중할 생각이다.http://marshall-ku.tistory.com/29http://marshall-ku.tistory.com/31http://marshall-ku.tistory.com/33 http://marshall-ku.tistory.com/35 http://marshall-ku.tistory.com/36http://marshall-ku.tistory.com/38 http://marshall-ku.tistory.com/39 http://marshall-ku.tistor..

1 2 3