프로그램소스 설명을 위한 스킨 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

프로그램소스 설명을 위한 스킨 정보

게시판 프로그램소스 설명을 위한 스킨

첨부파일

prism.zip (34.2K) 43회 다운로드 2018-06-03 10:49:37 포인트 차감150

본문

프로그램 소스를 가독성 있고 이쁘게 소개할 수 있는 게시판 스킨입니다.

 

사용자는 쉽게 소스를 복사해 갈 수 있는 복사 버튼도 제공됩니다.

html, css, javascript 등의 소스를 쉽게 게시하고 소개할 수 있습니다.

 

prismjs를 이용하였습니다. 설정을 바꾸어 원하는 형태의 스킨으로 재구성이 가능합니다.

 

적용방법 : 

그누보드5 일반 게시판 적용방법과 동일합니다.

1) 게시판 추가

2) 다운받은 화일 풀어서 게시판 폴더에 업로드

3) 게시판 적용

 

https://365ok.co.kr 정보실/강좌메뉴에 사용되었습니다.

 

e28e1bfdf5b6fa091308458f92c22c81_1522113065_3132.png

데모 : 링크1

 

추천
10

댓글 전체

ㅎ 오래 되어서 어떻게 구현했는지 잘 모르겠습니다.
제 사이트 정보실과 강좌메뉴에 구현하긴 했는데 매번하기에는 귀찮아 안할 때가 많습니다. ^-^
네.. 다른 부분은 없었던 것 같아요.
제 사이트에서 반영할 때 나오는 설명글입니다.

----------------
html, css, javascript, php 의 소스코드를 본문중에 표현할 때 이 게시판을 사용합니다.
편집기에서 'editor', 'html', 'text' 중 'html'을 선택합니다.
<pre class="line-numbers"><code class="language-xxxx">코드가 들어갈 자리</code></pre> 이 부분을 사용하세요.
여기에서 xxxx자리에 'markup', 'css', 'javascript', 'php'등을 넣습니다. 소스가 html이라면 'markup'을 넣으세요.
코드가 들어갈 자리에 실제 코드를 넣습니다.
코드에서 태그는 html entity로 바꿔주어야 합니다. 잘 모르겠으면 구글에서 'html entity encode'로 검색하면 온라인에서 자동으로 바꿔 주는 사이트들이 있습니다.(예:https://mothereff.in/html-entities)
정상적으로 작성이 되면 코드 하이라이트가 반영이 됩니다.
더 자세한 사용법은 prismjs.com을 참조하세요.
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT