ART of WEB ART of WEB

오늘 소개해주고 싶은 js 플러그인은 커스텀 스크롤바를 만들어 주는 'mCustomScrollbar' 이라는 플러그인입니다. 먼저 알려드리자면 제 블로그의 히든영역에 적용되어 있는 스크롤바 입니다. 딱 보셔도 일반 스크롤바와는 많이 틀리시다는 것을 알 수 있습니다. 이 스크롤바는 브라우져가 기본적으로 제공해주는 것을 사용하지 않습니다. js를 뜯어서 대충 둘러보셔도 작동원리에 대한 감은 오는데, 일단 이 커스텀 스크롤바의 작동원리는 이렇습니다. 스크롤바가 생성되는 div의 높이 값을 계산해서 top 의 위치를 조절해 줌으로써 마치 스크롤바와 같은 효과를 얻습니다. 'mCustomScrollbar' 플러그인은 스크립트로 짜여져 있는 커스텀 스크롤바이기 때문에 여러가지 장점이 존재합니다. 일단은 버튼으로 스..

제 블로그에 어느 분이 문의를 하셔서 포스팅으로 답변합니다. (궁금한거 있으면 질문하세요. ㅇㅇ) 다른 글들을 찾아보니 다들 너무 어렵게 작성하셨거나 설명이 충분치 못한거 같아서....... 저는 쉽게 설명하고 만들어 볼렵니다. 세상 사는것도 쉽지 않은데 코딩도 힘들면 쫘증 -_ -a 무튼 이번 팁은 카테고리 리스트를 드롭다운 리스트로 만드는 법입니다. 네, 제 스킨에 현재 적용 되어 있는 부분이죠. HTML태그의 기본적인 것부터 설명할려고 합니다. 사실 이런 것도 만드는 것은 크게 중요하지 않습니다. 더 중요한 것은 기본기(HTML의 사용 방법)이니까요. 더 궁금한 점이 있으면 댓글 달아주세요. ^-^ 현재 티스토리 치환자에서 카테고리 노출 방법을 지정하는 방법은 2가지가 있습니다. [ ##_categ..

티스토리 카테고리(category) 디자인 가끔씩 티스토리 블러그를 돌아 다니다보면 카테고리가 기본형이 아닌 다른 디자인으로 만들어진 것을 볼 수 있습니다. 많은 분들이 설정모드에 없는데 어떻게 이런 디자인이 나올 수 있는지 궁금해 하실텐데, 이 글을 통해 원리를 이해하고 궁금증을 해소하시길 바랍니다.^^ 이 그림을 바탕으로 계속 설명하겠습니다. ^^ 티스토리 카테고리(category) 치환자 스킨을 만들다 보면 카테고리 부분도 디자인을 변경하고 싶은데, 카테고리에 관련되어 티스토리내에서 제공하는 것은 치환자 밖에 없습니다. 그래서 우리는 주로 아래와 같이 작성을 하게 됩니다. 카테고리[ ##_category_list_## ] 스킨 html 파일을 열어보면 보통 저 부분이 이렇게 되어 있는데 이건 tab..