Information/Tistory (6) 썸네일형 리스트형 [Tistory] 티스토리 블로그 poster스킨 메뉴 고정하기 이번에 설명할 부분은 Poster 스킨의 좌측 상단에 있는 메뉴 버튼(아래 그림)을 고정하는 방법입니다. 다른 분들의 블로그에서 밑으로 내리면서 글을 읽다가 다른 글을 읽거나 다른 메뉴로 이동하고 싶은데 메뉴가 저~~~위에 있어서 스크롤을 올려야 하는 경우가 많이 있습니다. 이 메뉴 버튼을 스크롤을 내리더라도 고정되게 하는 방법을 알려드리려고 합니다. 먼저 스킨편집 -> HTML 편집 -> CSS 탭으로 이동합니다. 그리고 #header .mobile-menu을 검색하고 아래의 그림과 같이 기존의 absolute로 저장된 position값을 fixed로 변경합니다. 저장 후 확인을 해보면 아래의 그림과 같이 스크롤을 내리더라도 좌측 상단에 위치한 메뉴 버튼이 고정된 것을 확인할 수 있습니다. [Tistory] 티스토리 블로그 글 복사금지 및 특정 영역 복사 허용하기 블로그를 시작하면서 일반적인 내용을 소개하기보다는 제일 처음 했던 내용이 파이썬을 공부한 내용을 위주로 포스팅하다 보니 소스코드를 다른 분들이 복사해서 사용했으면 좋겠다 라는 생각이 들었습니다. 확인해보니 기존 설정의 플러그인에 위치한 마우스 오른쪽 클릭 방지 기능이 설정되어 있었습니다. 이 기능일 해제하니 글까지 복사가 되는 것을 알게 되었습니다. 그래서 기본적인 글은 복사가 불가능 하지만 소스코드 부분만 복사를 할 수 있는 방법을 찾아 나섰습니다. 여러 글들을 검색하던 중 아래의 내용을 뚝딱 강가이버 님의 블로그에서 방법을 찾았습니다. 티스토리 블로그 복사금지 설정 및 특정영역 복사허용 방법 그동안 블로그를 운영하면서 화날때 있으셨나요? 전 심혈을 기울여서 제 시간 쪼개서 힘들게 작성한 포스팅을 복붙.. [Tistory] 티스토리 블로그 글 제목 수정하기 CSS 코드를 수정해서 블로그 글의 제목을 수정하는 방법을 설명하고자 합니다. (각 스킨별 수정 방법이 다를 수 있습니다.) 먼저, 스킨 편집 -> html 편집 -> CSS로 이동한다. /* 뷰 상단 */을 검색하고, 아래의 코드를 찾는다. 선택된 영역이 블로그 글의 제목을 수정할 수 있는 CSS 코드 부분입니다. font-weight의 경우 normal로 기본 설정되어 있는데 더 굵게 하기 위해서는 bolder혹은 bold로 변경하면 됩니다. font-size를 통해 제목의 크기를 수정할 수 있습니다. 마지막으로 color를 통해 제목의 색깔을 자신이 원하는 색으로 수정할 수 있습니다. 색상표는 아래의 포스팅 '블로그 이름 수정'에서 설명하고 있으니 확인하시면 바로 이해하실 수 있습니다. 블로그 이름.. [Tistory] 티스토리 블로그 이름 수정하기 블로그 이름을 수정할 수 있는 방법은 많이 있는 것 같습니다. 필자는 CSS 코드를 수정하는 방법을 설명하고자 합니다. (스킨별 수정 방법은 다를 수 있습니다.) 스킨 편집 -> html 편집 -> CSS로 이동한다. area_head .area_profile를 검색하고, 아래의 코드를 찾는다. 위 이미지와 같이 font-weight를 수정하면 블로그 이름의 굵기가 변경됩니다.. (기존 200을 400으로 변경) 바로 하단줄에 위치한 color를 수정하면 원하는 색깔로 변경할 수 있습니다. (기존 fff를 BDBDBD로 변경) 원하는 색깔로 변경하려면 색깔 표의 코드가 있어야 합니다. 이 부분은 네이버에서 색상표를 검색하면 쉽게 원하는 컬러의 코드를 찾을 수 있습니다. 색상 팔레트에서 원하는 컬러를 클릭.. [Tistory] 티스토리 블로그 닉네임과 프로필 이미지 제거하기 티스토리 블로그를 한 개의 아이디로 여러 개를 운영할 수 있어 각 블로그의 성격이 다르기 때문에, 또는 필자와 같이 그냥 아래 그림과 같이 블로그 이름 하단에 닉네임과 프로필 이미지가 보이는 게 싫으면 그 부분만 주석 처리하면 됩니다. 주석처리 방법은 아래와 같습니다. 1. 티스토리의 설정/관리 -> 스킨편집 -> HTML편집으로 이동 후 'blogger'를 검색한다. 2. 아래의 이미지와 같이 해당하는 부분과 바로 상단에 위치한 Image 부분을 주석처리하고 적용한다. 그럼 아래와 같이 기존에 보이던 닉네임과 프로필 사진이 제거된 것을 확인할 수 있습니다. [Tistory] 티스토리 소스코드 보기 좋게 만들기 (highlight.js) 처음 티스토리를 사용하기 시작하며 코드 블록을 통해 소스코드를 올려보려고 했다. 기본적인 배경 화면과는 차이가 있는 회색빛의 배경으로 코드가 보이지만 다른 분들의 티스토리를 보면 검은색 배경의 소스코드를 볼 수 있었습니다. 필자는 이와 같이 만들기 위해 찾아보니 여러 방법이 있었다. 하지만 highlight.js를 이용하면 같은 배경을 만들 수 있다는 것을 알게 되었습니다. https://highlightjs.org/ 에서 다운 받을 수 있습니다. 상단 이미지의 중앙 하단에 위치한 Style을 통해 어떤 형태의 스타일을 사용할 수 있는지 확인할 수 있습니다. 우측의 Get version x.xx.x버튼을 누르면 하단의 이미지와 같은 코드를 확인할 수 있습니다. 이 스크립트를 추가하는 여러 가지 방법 중 .. 이전 1 다음
