소스코드 하이라이터 프리즘(Prism) 적용

프리즘(Prism)은 CSS와 js를 블로그에 등록하여 소스코드 블럭을 지정하면 syntax highlight를 표시해줍니다. 프리즘은 가볍고, 여러가지 플러그인 기능 선택 가능, 테마 선택 가능, 적용 언어 선택 가능, 줄번호 표시 가능 등이 가능합니다. 그러나 인라인 코드 블럭에도 code class를 명시해야 하며 테마가 맘에 들지 않으면 직접 CSS를 수정해야 하는 단점이 있습니다. 비록 작은 단점이 있지만 많은 장점으로 인해 요즘 많이 사용하고 있는 syntax highlight입니다. 1. 프리즘(Prism) 다운로드 프리즘 홈페이지에 접속하여 오른쪽 원으로 정의된 테마를 선택하면서 아래 샘플의 변화를 확인해 보시기 바랍니다. 우너하는 테마를 선택하시고 다음을 진행하십시요. [DOWNLOAD]..
기타 2018. 7. 2. 20:28

CCZ-CROSS 스킨 - 수정 I

사이드바에 출력하는 카테고리의 불릿 문자를 수정하고 싶을 때는 [블로그 관리-꾸미기-스킨편집]에서 CSS 메뉴를 선택하여 Ctrl+F를 누르고 검색창에서 "↘"를 입력하여 해당 위치로 이동합니다. 특수문자를 입력할 때에는 한글 입력상태에서 한글 모음(여기서는 ㅁ을 입력)을 입력하고 한자 버튼을 누르면 아래의 그림과 같이 특수문자 선택창이 나오고, 아래 화살표 키를 이용하여 계속 아래로 이동시켜 원하는 문자를 선택하여 엔터를 입력하거나 숫자로 선택이 가능합니다. 검색문자를 선택한 후 엔터를 입력하여 수정 위치로 이동합니다. 위와 같이 특수문자를 입력하는 방식을 이용하여 기존 특수문자를 원하는 문자로 수정하고 [저장] 버튼을 클릭합니다. 블러그 홈페이지를 새롭게 읽어 들여 수정한 결과를 확인합니다.
기타 2018. 7. 1. 11:41

CCZ-CROSS 스킨의 사이드바 왼쪽 배치

CCZ-CROSS 스킨을 적용하면 사이드바는 오른쪽에 위치합니다. 이 사이드바를 왼쪽에 적용하고 메인 내부영역의 색상을 조정하여 완전하게 사이드바를 왼쪽에 정렬하도록 CSS 코드를 수정하는 방법에 대해 알아보도록 하겠습니다. 1. 사이드바 왼쪽 정렬오른쪽에 배치되어 있는 사이드바를 왼쪽으로 정렬하기 위해서는 스킨을 등록할 때 업로드한 style.css 파일을 편집해야 한다. 먼저 [꾸미기-스킨편집]을 클릭하여 스킨편집 페이지로 이동합니다. 아래는 스킨편집 초기 페이지입니다. 오른쪽에 [html 편집] 버튼을 클릭하여 스킨편집 화면을 띄웁니다. 스킨편집 화면의 오른쪽 상단에 , , 메뉴가 있습니다. CSS 파일을 편집해야 하기 때문에 [CSS] 메뉴를 선택합니다. 아래 페이지는 스킨 스타일을 정의하는 CS..
기타 2018. 7. 1. 01:14

CCZ-CROSS 스킨 적용

CCZ-CROSS 스킨 배포 사이트에 접속합니다. 아래 각종 관련 사이트를 참조하세요. HOME CCZ-CROSS DEMO CCZ-CROSS 데모보기 REPO CCZ-CROSS GitHub PATCH CCZ-CROSS 패치노트 배포 사이트 중간 정도에 스킨 압축 파일을 제공하고 있습니다. 버튼을 클릭하여 스킨 파일을 다운로드 합니다. 다운로드 한 파일을 작업 폴더에 복사하고 압축을 해제합니다. 티스토리 [블로그 관리]에 접속하여 왼쪽의 [꾸미기-스킨변경]을 클릭하여 스킨변경 페이지에 접속합니다. 블로그를 처음 만들 때 기본스킨이 적용되어 있습니다. 이 스킨을 사용자가 원하는 스킨으로 변경하기 위해서는 다운로드 한 스킨을 등록해야 합니다. 오른쪽 [스킨등록] 버튼을 클릭합니다. 스킨등록 페이지의 오른쪽 상..
기타 2018. 6. 30. 18:32