develop myself

html 추가 관리 > 스킨편집 > html 편집 head 부분에 추가 기본모드에서도 잘 된다. 참고 https://yumy.tistory.com/82

1 반응형 #2 스킨 반응현 #2 스킨에는 메뉴를 확인할 수 있는 사이드 바가 있다. 2 크기 줄이기: CSS 수정 CSS 헤더 서식이 있는 부분의 사이즈를 변경한다 변경 전 .wrap_skin.navi_on {padding-left:960px} .navi_on .wrap_sub{width:960px} 변경 후 .wrap_skin.navi_on {padding-left:640px} .navi_on .wrap_sub{width:640px} 3 사이드 바의 요소 변경하기(요소 삭제, 위치 변경): html 변경 사이드 바의 요소는 에는 세줄일 때는 중간 요소가, 2줄로 축소한 후에는 왼쪽 요소. 에는 오른쪽 요소들이 관리되고 있다. left_side와 right_side의 태그를 right_side로 합치고..

1 hightlight.js, line number 적용 시 문제 발생 일부 코드 컬러가 이상하게 되어버렸다. 기본 색으로 되어 있어야 하는데, 위 이미지처럼 가독성이 낮은 색으로 변경되었다. 2 문제 해결과정 highlight.js 적용 오류 문제해결 과정_기록: https://insightous.tistory.com/13 3 해결 방법: CSS 주석처리 테이블 관련한 CSS 코드를 주석처리한다. body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Spoqa Han Sans', sans-serif;color:#666} /* body,th,td,input,select,textarea,button {font..

1 js 파일 다운로드 https://github.com/wcoder/highlightjs-line-numbers.js/blob/master/src/highlightjs-line-numbers.js js 파일을 오픈소스로 공유해주는 개발자가 있다. highlightjs-line-numbers.js 파일을 다운로드한다. 위의 링크로 들어가 raw로 소스코드를 날것의 상태로 한 후, 우클릭 => 다른 이름으로 저장을 통해 파일을 다운로드할 수 있다. 2 업로드 블로그 관리 > 스킨 편집 > html 편집 > 파일 업로드 에 위에서 다운로드한 파일을 업로드한다. 3 html > head 추가 4 CSS 추가 /* line numbers */ .hljs-ln td.hljs-ln-numbers { -webkit-..

1 간단한 방법 https://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com color scripter를 이용하여 복사-붙여넣기 사용 2 highlight.js 소개 2.1 highlight.js 페이지 https://highlightjs.org/ highlight.js Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only once. highlightjs.org 2.2 내가 원하는 테마 확인 내가 원하는 테마 demo로 확인 https://hig..

1 반응형 #2 스킨 2 TOC TOC : Table Of Contents 제목으로 설정한 텍스트에 목차를 자동으로 생성해 준다. 적용 방법: HTML, CSS 추가 3 TOC 적용 방법 3.1 html > head 추가 블로그 관리 > 꾸미기:스킨 편집 > html 편집 > HTML 탭 /head를 검색하여 그 위에 추가하면 좋다. 3.2 html > body 추가 블로그 관리 > 꾸미기:스킨 편집 > html 편집 > HTML 탭 3.2.1 본문에 toc가 들어갈 부분 추가 s_article_rep > s_permalink_article_rep 태그 아래 추가한다. s_permalink_article_rep 태그는 여러 개 있을 수 있기 때문에, s_article_rep 아래의 s_permalink_..

1 Book Club 스킨 2 TOC 적용 TOC : Table Of Contents 제목으로 설정한 텍스트에 목차를 자동으로 생성해 준다. 적용 방법: HTML, CSS 추가 2.1 head 추가 /head를 검색하여 그 위에 추가하면 좋다. 2.2 body 추가 2.2.1 본문에 toc가 들어갈 부분 추가 s_article_rep>s_permalink_article_rep 태그 아래 추가하면 좋다. s_permalink_article_rep 태그는 여러 개 있을 수 있기 때문에, s_article_rep 아래의 s_permalink_article_rep 에 아래 코드를 추가한다. 2.2.2 스크립트 추가 /body를 검색하여 그 위에 추가하면 좋다. 2.3 CSS 추가 /* toc */ .toc-ab..