블로그 내 태그 검색 추가

참고 :: 티스토리 hELLO스킨에 태그 클라우드 검색 기능 추가하는 법!!

css도 대충 수정했고 이대로 끝!!!

이면 좋았겠지만 스크롤바가 없을 때마다 스크롤바 너비만큼 우측으로 이동하는 전체 화면이 거슬렸다. 해서, 항상 스크롤바가 보이게 두면 되겠다 싶었건만,

#tt-body-tag {
	overflow-y:scroll;height:100%;
}

그런데 안 되는 거다. 덩달아 gnb, top버튼의 스크립트도 먹통. 아 왜!!
혹시나 해서 height:1000px;을 기재했더니 되긴 되는데 검색 결과에 따라 스크롤바가 2개가 생기는 바람에 실패.

그럼 스크롤바를 없애볼까? 해서, overflow-y:hidden;을 넣었더니 스크롤바가 없어지긴 했지만 스크롤 동작 자체가 아예 안 되는 걸 어쩔-.-.- 다행히 바로 스크롤바를 숨기면서 스크롤 동작도 가능한 소스를 발견하게 되어 적용할 수 있었다.

참고 :: HTML/CSS 스크롤바 숨기기 없애기 (스크롤 동작)

여기까지 하고 세상 신났는데, 젠장.
태그리스트(/tag/tagname)와 태그(/tag)는 #tt-body-tag로 아이디가 같다는 걸 까마득히 잊고 있었다. 내가 원하는 건 /tag페이지의 스크롤바만 숨기고 싶었던 건데 /tag/tagname의 스크롤바도 사라지고 ㅈㄹ난리. 하.. 나 지금까지 뭐한 거지.

어쨌든 그래서 다시 롤백. 좀 거슬리면 어때, 그렇게 자주 검색할 일도 없을 거. 젠장! 젠장!!!

---

여기서 끝나면 좋았겠지만 (이건 프라치노 스킨만의 특징?일 것 같다.) 검색 결과의 태그들에 규칙성 없어 보이는 줄바꿈이 거슬렸다.

?? 도대체 왜지? 우여곡절 끝에 그나마 알아낸 건, style_tags.css 에서,

.tag-cloud li:nth-child(5n+1){clear:both}

저렇게 clear:both;처리된 요소들만 줄바꿈이 되는 것이더라. 분명 이유가 있을 텐데 웬만하면 수정을 안 하고 싶었지만 정말 너어어어~무 거슬려서 해당 요소들을 clear:none;처리했다, 첫 번째 clear:both만 빼고.

/* style_tags.css */
.
.
.tag-cloud:after {
	content:"";clear:both; ..... 
    /* 해당 요소만 남기고 다른 clear:both;들은 clear:none;으로 수정 */
}
.
.

별 문제는 없어 보이는데 조금이라도 이상하다 싶으면 바로 롤백 예정.

---

사실, 저 태그 검색 기능은 태그를 많이 쓰는 블로그에서나 필요한 기능일 텐데 내 경우엔 태그를 소분류/중첩 가능한 일종의 카테고리로 인식하고 있어서 태그들도 그리 늘어나지 않을 것이라 그다지 필요한 기능은 아니라고 짐작되지만 언제나 그랬듯이 그냥 된다길래 해봤다.

+) 더불어.. css로 커스텀한 스크롤바와 화면 전환의 효과가 파이어폭스 브라우저에서는 전혀 나오지 않고 있더라. 결론은 body가 아닌 html로 기재해야 된다는 거.

참고 :: CSS 커스텀 스크롤바 만들기. 모든 브라우저에서 스크롤바 디자인을 마음대로 바꾸기!