블로그팁
-
티스토리 카테고리 메뉴를 접어다 펼쳤다하는 아코디언, 드롭다운 메뉴 간단하쥬!Life/knowledge 2021. 3. 25.
티스토리 스킨을 보다 세련되게 보이는 기능 중 하나가 카테고리 메뉴 정리이다. 메뉴가 작으면 상관없지만 메뉴가 늘어나고 하위 카테고리가 많아지게 되면 접었다 펼쳤다가 되는 메뉴를 원하게 된다. 반응형 블로그에서 메뉴가 접히고 펼치는 기능은 여러가지 방법으로 구현이 가능하다. 과거 홈페이지 제작할 때 드롭다운 메뉴를 적용하면서 작은 행복을 느낀 적이 있었다. 드롭다운 메뉴과 같은 기능을 하는 아코디언 메뉴는 정말로 간단하게 적용할 수 있다. 세팍타크로 라이프 블로그 메뉴에 적용된 아코디언 메뉴를 기준으로 아래와 같이 적용하면 쉽게 메뉴가 변경된다. Step1. 스킨 편집 html 안에 넣기 $(function() { $(".category_list").children("li").has("ul").addCl..
-
티스토리 블로그 한 줄 간격, 엔터치면 커지는 현상 바로 잡는 법Life/knowledge 2019. 11. 7.
2007.4.30 처음 티스토리와 인연을 맺었을 때 추억이 아직도 생생하다. 그 동안 많은 스킨을 교체하면서 실제로 스킨도 제작할 수 있는 어설픈 실력도 갖게 되었다. 최근 티스토리는 새롭게 리뉴얼에 들어가 멋진 스킨과 소통하려는 공간을 계속해서 업그레이드 중에 있다. 최근 발표한 스킨 디자인은 유료버전 못지 않게 만족도가 높고 사용할수록 기분이 좋아지게 된다. 오늘 소개하는 티스토리 팁은 엔터를 치면 한 줄 간격이 태평양 바다만큼 넓어지는 현상을 바로 잡는 방법이다. 필자도 처음에 왜 이런 현상이 나오는지 몰라 당황했었는데 알고보니 아주 쉬운 설정하만 하면 해결되는 것이었다. 해결방법 먼저 로그인 왼쪽 상단 콘텐츠 → 설정 클릭 단락 앞뒤에 공백을 "사용하지 않습니다" 설정하고 저장하면 끝 이런 현상이..
-
사진에 마우스를 올리면 신기하게 사진이 커지는 방법, 블로그 팁!Life/knowledge 2014. 4. 16.
모바일 검색으로 블로그를 찾는 분이 가장 많아지면서 기존 블로그 스킨에서 반응형 블로그로 스킨을 바꿨다. 반응형 블로그 스킨을 수정하고 배우면서 놀라운 블로그를 발견하게 되고 새로운 팁들을 공부하게 되었다. 인터넷 환경이 점차 변화하면서 블로그 스킨도 그에 대응하게 되는 스킨이 바로 반응형 블로그 및 홈페이지인 것 같다. 블로그 스킨을 공부하면서 알게 된 사실을 정리하면, 첫째, 페이지가 빨리 열려야한다. 둘째, 단순하고 공간적인 여백의 미를 살려야한다. 셋째, 정확한 카테고리를 지정한다 넷째, 불필요한 스크립트는 피한다. 다섯째, 애드센스 광고와 색상 및 위치를 고려한다등 여러 가지를 신중하게 받아들이게 되었다. 무엇보다 방문자가 눈에 확 들어고 편하게 블로그를 찾아오게 끔하는 것이 중요하다. 블로그 ..