이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

[square] 사이드바의 스크롤바 테마 바꾸는 방법


2.0 이후부터 jQuery custom content scroller 플러그인이 제거되었습니다.




square 스킨의 사이드바엔 스크롤바가 jQuery 플러그인을 사용하여 추가돼있습니다.


스크롤바 스크린샷이런식으로요


지금은 단순히 검은색 라인인데요, 이 스크롤바의 테마(디자인)을 바꾸는 방법을 안내 해드리겠습니다.



테마 선택

우선 플러그인 제작처인 jQuery custom content scroller 사이트에 접속해주세요.


다음과 같이 페이지 로딩이 완료되면,



jquery 커스텀 스크롤러 공식 홈페이지view demo > Scrollbar theme



붉게 강조한 Scrollbar themes 페이지에 접속해주세요.



scrollbar theme site스크롤바 테마 예제들



굉장히 많은 테마가 있습니다.


원하는 테마를 고른 후 테마 이름을 복사해주세요.



스킨 편집

이제 티스토리 관리자 화면 > HTML/CSS 편집기를 여시고 skin.html 파일에서 418번 째 줄로 이동해주세요.


theme: "dark-thin",


이런 소스가 있습니다.


dark-thin 을 선택한 테마 이름으로 바꿔주시면 됩니다.



추가 정보

플러그인 공식 홈페이지에 들어가보시면 여러 추가 기능이 적혀있습니다.

보시고 괜찮다 싶은 기능은 적용 하시는것도 좋겠네요. :)


ps. 추가 기능에 대한 설명은 받지 않습니다. 저도 영어에 약해요.

최근 댓글