hELLO 스킨 적용 - 수정사항들

1. 카테고리 및 메인 홈페이지 새로운 글 new icon 수정

- 카테고리 길이 수정 시 'n' 아이콘이 회색 및 카테고리 아래에 생성됨

- 원하는 svg icon 등록 후 css 적용

- 이상하게 다른 블로그에서 적용된다는 방법으로 되지 않아, 임시방편으로 아래처럼 수정

- 원인은 hELLO 스킨이 기본 값으로 display:block으로 되어있어 아래로 밀림 현상 + a 태그 및에 img 파일 인식이 안됨

/* 카테고리 + 게시물 new icon CSS */
a img[src="https://tistory1.daumcdn.net/tistory_admin/blogs/image/category/new_ico_1.gif"] {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
  padding-left: 0;
  content: url("./images/new-icon1.svg");
}

---

2. 폰트 수정

- 원하는 폰트 파일 등록 후 CSS 최상단 아래 코드 추가 ( 개인적으로 코딩할 때 자주 쓰는 D2Coding 선호 )

@font-face{
	font-family: 'D2Coding';
	font-weight: normal;
	src: url('./images/D2Coding.eot');
  	src: local(※), url('./images/D2Coding.woff') format(‘woff’)
}

- 호환성 때문에 eot 및 woff 파일 등록

- font-family 수정 / 'Font Awesome' 값이 들어간 부분은 수정 X'

---

3. 검색 기능 추가

- 스킨편집 - HTML 에서 '<!-- 검색-->' 주석을 찾아 해당 div 내에 onkeypress 수정

onkeypress="if (event.keyCode == 13) {window.location.href = '/search' + '/' + document.getElementById('search').value;}"

---

4. 카테고리 글 더 보기 플러그인 해제

- 스킨에서 기본적으로 글 더 보기를 제공함으로 해당 플러그인 중복으로 2개 보여 해제 조치

---

TOC기능 및 상단 글 진행바, 다크스킨 변환을 제공하는 무료스킨을 찾고 있었는데 마침 딱 적당해서 별다른 수정 없이 사용하게 되어 제공해 주신 '정상우(https://github.com/pronist)'님께 감사인사를 남깁니다.

 

Star 하나 추가해드렸어요 :)

https://github.com/tistory-projects/tistory-skin-hELLO