사이드 배경사진 수정방법
스킨 편집 > 추가 설정 > 기본 커버이미지 삭제 후 아래와 같이 진행
https://wonderbout.tistory.com/33
티스토리 #2스킨 사이드바 배경 이미지 변경
지금 현재 #2 스킨도 옵션을 이용해 이미지를 변경 할 수 있도록 수정 되었네요! 아래내용은 기록으로 남겨 놓겠습니다. 티스토리 사용자 중에서 #2스킨을 사용하시는 분들이 많이 있습니다. 같��
wonderbout.tistory.com
코드블럭 스타일 (하이라이트, 라인넘버) 수정방법
기존에 Syntax Highlight 플러그인을 적용 중이었다면 해제를 한 후 아래와 같이 진행
https://sangulog.tistory.com/23
티스토리 코드 블럭 꾸미기 , 라인 넘버 표시하기
글을 쓰다가 코드를 입력해야할 때가 있다. 티스토리에서는 코드블럭이라고 해서 이를 지원하고 있다. highlight를 추가하면 이 코드블럭을 더 보기 좋게 표시할 수 있다. 하이라이트 추가 [블로그
sangulog.tistory.com
티스토리 코드블럭 Highlight 줄 번호 적용하는 방법
안녕하세요. RootKR입니다. Highlight 코드 강조 라이브러리를 적용하면 위 사진처럼 나오는데, 줄 번호(line number)은 나오지 않아서 아쉽더군요. 찾아보니 개발자 Yauheni Pakala가 만든 highlightjs-line-n..
blog.iroot.kr
HTML <head> 안에 아래 script 추가
<!-- code highlight -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/shades-of-purple.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/vs2015.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- code line number -->
<script src="./images/highlightjs-line-numbers.js"></script>
<script> hljs.initLineNumbersOnLoad();
$(document).ready(function() {
$('code.hljs').each(function(i, block) {
hljs.lineNumbersBlock(block);
});
});
</script>
CSS 적당한 곳에 아래 script 추가
/* for block of numbers */
.hljs-ln td.hljs-ln-numbers {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
color: #666;
border-right: 1px solid #CCC;
vertical-align: top;
padding-right: 5px;
/* your custom style here */
}
/* for block of code */
.hljs-ln td.hljs-ln-code {
padding-left: 10px;
color: #ccc;
}사이드바 수정방법
3줄 -> 2줄
티스토리 반응형 스킨 #2 사이드바 두 줄로 수정하기
티스토리에서 2016년에 출시된 #2라는 스킨으로 이것저것 만져보고 있는 중인데, 먼저 #2스킨에서 가장 거슬리는게 아래 그림과 같이 사이드바가 세 줄로 출력되는 점이었다. 해상도에 따라서 달�
lus-ty.com
관리메뉴 삭제하기 - HTML 아래 script 삭제
<ul class="list_control">
<li><a href="https://snakehips.tistory.com/manage/entry/post" class="ico_skin link_write" title="글쓰기">글쓰기</a></li>
<li><a href="https://snakehips.tistory.com/guestbook" class="ico_skin link_memo" title="방명록">방명록</a></li>
<li><a href="https://snakehips.tistory.com/rss" class="ico_skin link_rss" title="RSS">RSS</a></li>
<li><a href="https://snakehips.tistory.com/manage" class="ico_skin link_manage" title="관리">관리</a></li>
</ul>삭제 후 CSS에서 .cont_sub .area_sub 의 top, bottom 값 적당히 조절
카테고리 게시글수 표시방법
https://muksteem.tistory.com/13
티스토리 카테고리 게시글수, 최신글 아이콘 표시 방법
보통 블로그의 카테고리 항목을 보면 게시글수가 몇 개인지 표시가 되어 있습니다. 최신글이 있으면 N 모양의 아이콘도 생기구요. 아쉽게도 티스토리 공식 스킨 반응형#2 는 이런 기능이 잠�
muksteem.tistory.com
그 외 수정사항:
.wrap_skin .navi_on {padding-left:640px} -> 600px로 수정
'FYI' 카테고리의 다른 글
| 홍콩직구 아이폰 물리듀얼심 - PASS앱 실행이 안 될 때 (0) | 2021.04.14 |
|---|---|
| 이미지 해상도 높이기 (0) | 2021.04.14 |
| 홍콩직구 아이폰 물리듀얼심 - 유심 하나만 넣었는데 인식이 안 될 때 (0) | 2020.12.01 |
| 저항값 읽는 법 (0) | 2020.09.05 |
| ASCII table (0) | 2020.08.08 |