여기에 포스팅된 스킨 수정 팁들은티스토리 Square 반응형 스킨 기준이다.HTML과 CSS를 수정해서 변경하는 방법인데,다른 스킨에서도 비슷한 방법으로 변경할 수 있다. HTML과 CSS을 수정할 땐 혹시 모를상황에 대비해 백업을 반드시 미리 해야한다. - 글꼴 변경하기 - 기본 글꼴 말고 다른 글꼴로 바꾸고 싶은 경우원하는 글꼴이름 뒤에 '웹폰트' 라고 붙여서 검색한다.그 다음 웹폰트의 링크를 복사한다. @import url(http://....);이런 형식의 코드이다.그리고 보통 웹폰트 링크가 있는 곳에서안내를 보면 정식 글꼴 이름을 알 수 있다. 이 링크를 스킨 CSS 맨 위쪽에 붙여넣고,찾기를 이용해서 원래의 글꼴 이름을CSS에서 전부 찾아서 새로운 글꼴 이름으로 변경한다. 그리고 나서 포스팅을..

[Plug-in] Owl Carousel2로 슬라이드 배너 만들기(기본형) 기코 ・ 2017. 2. 16. 12:02URL 복사 이웃추가 실무에서 웹(또는 모바일 웹)을 제작하면서 플러그인을 사용하는 것은 지양한다. 개발자 또는 프론트엔드 개발자라면 슬라이더 정도는 뚝딱? 만들겠지만 그렇지 않은 사람들에게 플러그인은 단비같은 존재가 아닐 수 없다.(혹은 개발이 귀찮은 개발자) 주로 메인 페이지 상단 비주얼을 차지하는 슬라이드 배너(슬라이더 또는 카로셀 이라고도 한다)는 사이트에 접속했을 때 가장 비중있게 비주얼을 차지 하고 있고 사이트의 이미지를 결정짓는 중요한 역할을 한다. 그래서 아래와 같은 조건이 충족 되어야 한다. 1. 버벅임이 없어야 한다. 2. 적당한 애니메이션으로 눈길을 끌어야 한다. 3. ..

owl.carousel 플러그인 적용하기 무토리 ・ 2017. 10. 13. 19:12URL 복사 이웃추가 https://owlcarousel2.github.io/OwlCarousel2/Home | Owl Carousel | 2.2.1owl.carousel.js Home Demos Docs Download Owl Carousel 2 Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Download Github 2.2.1 Demo Fully Customisable Over 60 options. Easy for novice users and even more powerful for advanced d..