2018/2/15 티스토리 스킨 제작 일지

2018/2/15 티스토리 스킨 제작 일지

1. 헤더 및 배너 변경2. 제목 변경3. a태그 변경헤더 리스트 옆 아이콘을 💕에서 로 변경했다.배너는 인덱스 페이지에서만 표시하기 아까워서 모든 페이지에 표시 중이었는데, 본문과 상관없는 이미지가 데스크탑에선 페이지 전체를, 모바일에선 페이지의 50%를 차지하는 것은 아무래도 아닌듯하여 인덱스 페이지에서만 표시되도록 변경했다.글 제목에 색들이 슬라이드 되도록 변경했다. ps. 이 포스트에서 사용했던 자바 스크립트를 사용해서 배너와 헤더를 건드렸는데, 1 이 한 줄이면 해결할 수 있었다. 왜 이런 건 치환자 가이드에 없는 걸까...12345678#tt-body-index .banner {display: block}.banner { display: none; color: #e2d1df; padding: ..
2018/2/12 티스토리 스킨 제작 일지

2018/2/12 티스토리 스킨 제작 일지

0. 자바스크립트 병합 및 축소테스트하느라 블로그에 산재하던 스크립트들을 한군데 모으고 최소화했다. 1. 프로필 이미지 변경예전부터 프로필을 gif로 하려고 했었는데프로필 이미지는 움직이는 이미지가 되질 않아서 비디오를 삽입했다.http://marshall-ku.tistory.com/44 여기 나온 이미지인데, 필터가 없으니 너무 칙칙하다 해서 필터를 적용했다. 2. 버튼들 색 조정아무래도 분홍은 너무 블로그의 전체적인 색감과 어울리지 않아서, 색을 변경했다. 확실히 한결 블로그와 어울린다. 3. 검색 버튼 수정없을 수는 없으니 구색만 맞춰놓은 검색창은 사라지고, 새로운 검색창으로 교체했다. 최근 블로그 로딩 시간 단축을 위해 최적화 작업을 하는 중인데, 인스타그램 API가 생각보다 시간을 많이 잡아먹을..
2018/2/8 티스토리 스킨 제작 일지

2018/2/8 티스토리 스킨 제작 일지

0. 숨겨놨던 신고 버튼들을 원상복구시켰다. 정책 위반일줄은.. 1. 크롬을 까는 유용한 툴인 인터넷 익스플로러를 위한 안내창을 만들었다.솔직히 익스플로러까지 신경쓰면서 만들려면 할 수 있는게 별로 없다. 123 본 페이지는 익스플로러 환경에서 제대로 동작하지 않을 수 있습니다.cs 12345678910.explorer{ display:none; width:100%; text-align:center; background: black; margin: 10px auto; padding: 1rem; font-size: 1.5rem; color: white;}cs 1234var agent = navigator.userAgent.toLowerCase(); if ((navigator.appName == 'Netsc..
2018/2/6 블로그 스킨 제작 일지

2018/2/6 블로그 스킨 제작 일지

1. 인스타그램 피드 자바스크립트와 css를 약간 수정해, hover시 이미지가 커져도 200x200사이즈를 넘어가지 않도록 했다.123456789var userFeed = new Instafeed({ get: 'user', userId: 6432549686, sortBy: "most-recent", limit: 6, template: '', accessToken: '' });userFeed.run();Colored by Color Scriptercs 2. 덧글 창 수정처음엔 라이브리를 티스토리 플러그인으로 불러와서 어떻게 손을 볼 수가 없었다.그래서 지워놓고 홈페이지를 뒤적이다 html 코드를 찾아서 탭 메뉴로 분리하는 작업을 했다.정말 예전부터 이러고 싶었는데 이제야 해냈다. 3. 공유 버튼 http..
블로그 이사갔습니다 (클릭)