블로그4 티스토리 블로그에 드롭다운 메뉴 만드는 방법 깃허브(GitHub)에 올라온 James Johnson의 짧은 코드를 사용해 간단하게 티스토리 블로그에 드롭다운 메뉴를 넣을 수 있다. 1. HTML 코드 수정 티스토리 블로그 관리에서 스킨 편집 > html 편집 > html로 들어가서 블로그메뉴() 부분 코드를 다음 코드로 변경한다. 블로그메뉴가 없는 스킨이라면 적당한 자리( 앞에 추가하면 된다. 끝. 수동 방식으로 드롭다운 메뉴가 완성된다. 열린노트/IT·SW·디자인 티스토리 블로그 북클럽 스킨 상단메뉴 부분 고정하기(CSS) 티스토리 블로그 북클럽 스킨에서 상단 메뉴(로고, gnb 메뉴 부분) 고정 방법에 대해 포스팅한 많은 글이 있는데, 간단하게 구현하는 방법을 공유한다. CSS에서 #header, #aside, #dimed 세 부분만 수정하면 된다. 1. 헤더 부분 수정 : #header 먼저 스킨 편집의 CSS 탭으로 들어가서 118~120번째 줄에 가 보면 #header 부분이 원래는 아래와 같이 되어 있는데 #header { border-bottom: 1px solid #eee; } 이걸 아래 코드로 바꾼다. 하단 테두리를 없애고, 스크롤을 내려도 메뉴바가 항상 위에 떠 있을 수 있게 Z축 상의 위치를 최상위로 올리고(1010), 배경을 흰색으로 지정해서 스크롤 시 컨텐츠가 비쳐보이지 않게 하고, 상단메뉴 위치를 고.. 열린노트/IT·SW·디자인 티스토리 코드문법강조(코드입력기) 플러그인 글씨크기 조절하는 법 티스토리 블로그는 Syntax Highlight를 지원하기 때문에, 플러그인 중 '코드 문법 강조'를 사용하도록 설정하면 아래와 같이, 본문 입력 시 '코드블럭'을 선택해 html, css, java 등 다양한 코드를 쉽게 입력할 수 있다. 예전엔 prism 같은 별도의 코드입력기를 따로 썼어야 했는데, 오 뭔가 좋아졌다. 그런데 글씨가 너무 작고, 여백도 마음에 안 든다ㅠㅠ... 이럴 땐 간단하게 '스킨 편집'의 'CSS'에 코드를 추가해서 글씨 크기나 테두리, 여백 등을 조절할 수 있다. 아래와 같이 .hljs 클래스를 만들어 옵션을 설정하면 된다. .hljs { font-size:1.15em !important; line-height:1.4em !important; padding:10px 12px .. 열린노트/IT·SW·디자인 티스토리 초대장 10장 배포합니다. 티스토리 블로그를 시작하고 싶으신 분 중 10분께 초대장을 보내 드립니다. 신청 자격 같은 제한 조건은 없습니다. 다만, 꼭 필요하신 분만 신청해 주셨으면 합니다. 초대장 발송 후 3일 이내에 블로그 미개설 시 초대장을 회수합니다. 신청 방법 초대장을 받으실 이메일(Email) 주소를 댓글에 적어 주세요. 개인 정보 노출 방지를 위해 비밀글로 작성 부탁드리며, 비밀글로 작성하지 않으신 분의 이메일 주소 유출에 대해서는 책임지지 않습니다. 선착순 10분께만 발송해 드릴 수 있으니 댓글 숫자 먼저 확인 후 댓글 달아 주세요. 열린노트/IT·SW·디자인 이전 1 다음
