HTML
-
티스토리 카테고리 메뉴를 접어다 펼쳤다하는 아코디언, 드롭다운 메뉴 간단하쥬!Life/knowledge 2021. 3. 25.
티스토리 스킨을 보다 세련되게 보이는 기능 중 하나가 카테고리 메뉴 정리이다. 메뉴가 작으면 상관없지만 메뉴가 늘어나고 하위 카테고리가 많아지게 되면 접었다 펼쳤다가 되는 메뉴를 원하게 된다. 반응형 블로그에서 메뉴가 접히고 펼치는 기능은 여러가지 방법으로 구현이 가능하다. 과거 홈페이지 제작할 때 드롭다운 메뉴를 적용하면서 작은 행복을 느낀 적이 있었다. 드롭다운 메뉴과 같은 기능을 하는 아코디언 메뉴는 정말로 간단하게 적용할 수 있다. 세팍타크로 라이프 블로그 메뉴에 적용된 아코디언 메뉴를 기준으로 아래와 같이 적용하면 쉽게 메뉴가 변경된다. Step1. 스킨 편집 html 안에 넣기 $(function() { $(".category_list").children("li").has("ul").addCl..
-
top,다음뷰,구독 버튼을 해상도에 관계 없이 블로그 좌우에 고정 설치하기Life/knowledge 2013. 9. 26.
블로그를 운영하게되면 자연스럽게 html을 배우게 되며 세련되고 편한 디자인이 만들어진다. 오늘 설명하려는 것은 top 버튼을 해상도에 상관없이 본문 사이드에 원하는 위치에 고정시킬 수 있는 방법이다. top 버튼은 물론 구독과 추천버튼등 설치가 가능하게 되며 배우게 되면 다양하게 적용할 수 있다는 것을 알 수 있다. 오른쪽 하단에 있는 세팍타크로 공과 top 버튼이 적용된 예로 티스토리 블로그 기준이다. 첫째, 이미지를 준비하여 파일 업로드를 한다. 둘째, html 소스를 html/css 편집에서 코드를 넣는다. 셋째, 파일 업로드된 이미지 주소와 링크 주소 연결하고 위치 설정값을 조절하여 원하는 위치를 찾는다. 어떻게 하는 방법을 알면 아주 간단하다. 제일 먼저 사이에 아래 코드를 넣는다. 다음 순서..
-
티스토리 스킨 html 편집시 꼭 필요한 단축키Life/knowledge 2011. 12. 20.
티스토리의 매력은 자유롭게 스킨을 편집할 수 있다는 장점있다. 블로그 수익을 위해 구글 애드센스 코드를 넣거나 자기 입만에 맛는 이미지를 구현하기 위해서등등 하루에 수십번씩 로그인하여 스킨 html 편집 안에서 헤메게 된다. 미리보기와 적용을 밥먹듯이 하며 새로고침을 클릭하여 새롭게 바뀐 스킨을 보면서 행복감을 느꼈다. 문제는 skin.html 편집에서 수 많은 html 태그가 어디에 있는지 찾는데 스크롤을 내렸다가 올렸다가 반복하게 된다. 숙련자일 경우에는 전체 복사 후 에디터플러스(editplus) 편집도구를 사용하지만 보통 티스토리 관리 화면에서 스킨을 수정하게 된다.티스토리 블로그 수정할 때 정확한 태그 위치를 파악하는데 가장 쉬운 방법은 단축키 ctrl+F를 누르면 오른쪽 상단에 작은 창이 뜨면..
-
블로그 첫 화면 꾸미기에 따라 부자가 될 수 있다.Monologue 2010. 3. 9.
블로그 첫 화면 꾸미기, 테터테스크 Upgrade !!! 대문은 주택을 외부와 경계짓는 역할을 하며, 풍수적으로 집 내부로 기가 출입하는 공간으로 알려지고 있다. 블로그 역시 마찬가지라 생각한다. 블로그의 대문만 봐도 블로그 운영자의 경력, 관리 능력등 뿐만 아니라 블로그 흐름도를 한눈에 알아 볼 수 있다. 대문이 크고 집이 작으면 가난해지고, 대문이 작고 집이 크면 부자가 된다고 하였다. 이에 블로그 대문 역시 첫 화면을 어떻게 꾸몄는지에 따라 방문자와 구독자가 늘어날 수가 있다고 판단된다. 블로그 첫화면은 블로그의 얼굴이기 때문에 첫 인상이 좋게 되면 오래 기억되어 다시금 블로그에 찾아 오게 된다. 또한 쉽게 다른 글을 찾아 볼 수 있게 되어 오랫동안 블로그에 머물도록 할 수 있다. why ? : 블..