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

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 7년 전 · 조회 5327 5327 · 댓글 37 37

링크

https://365ok.co.kr/bbs/board.php?bo_table=cssflex&wr_id=1 (257)

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

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

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

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

적용방법 :

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

1) 게시판 추가

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

3) 게시판 적용

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

데모 : 링크1

#PC용

첨부파일

prism.png (43.8 KB) 0회 2018-06-03 10:49 포인트 차감 150

prism.zip (34.2 KB) 43회 2018-06-03 10:49 포인트 차감 150

글쓰기

댓글 37개

terrorboy

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

수고하셨습니다!

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

라이브러리 사이트 방문하면 더 다양한 옵션이 있습니다.

fm25

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

사용방법이 간단치 않네요.
그리고 사용한 스킨의 원본이 5.2버전이네요.

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

네.. 5.2버전때 만든 것입니다.. 5.3은 일부수정하면 가능할 겁니다.

fm25

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

방금 수정했습니다~^

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

네, 축하드려요...

끝없는사랑

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다. 수고하셨어요

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움 되길 바랍니다..
https://365ok.co.kr/bbs/board.php?bo_table=program 에 꼭 필요한 정보가 있을 수도..ㅎ

테스2018

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다!

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움 되길 바랍니다.

카지노노하우

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

ㅅㄱ

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움 되길 바랍니다.

DEVizzer

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

컬러테마가 제가 제일 좋아하는 Monokai 네요 ^^

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

다양한 테마가 있을 겁니다..

프로헤리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

네 도움이 되길 바랍니다.

차민정79

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

네 도움이 되길 바랍니다.

iamdo

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

좋으네요. 잘 사용하겠습니다. 감사합니다.

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

네 즐거운날 보내세요.

방지턱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움되길 바랍니다.

PBK

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다.

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움되길 바랍니다.

클라우디쿠스

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다.

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움되길 바랍니다.

포스맨

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

좋은 정보 감사합니다.

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움되길 바랍니다.

포스맨

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

세팅방법 및 사용법이 이해가 가지 않아요~~~

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

스킨을 적용하고 글쓰기를 누르면 상단에 '소스코드하이라이트방법'이라는 구문이 있습니다. 거기를 참조하세요.

Lazz

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

감사합니다

365ok

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전

도움되길 바랍니다.

우성짱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

와우 멋집니다!

웹학교

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

ㅎ 오래 되어서 어떻게 구현했는지 잘 모르겠습니다.
제 사이트 정보실과 강좌메뉴에 구현하긴 했는데 매번하기에는 귀찮아 안할 때가 많습니다. ^-^

우성짱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

https://sir.kr/qa/368969

이렇게 하면 될까요?

아미나에서 적용해보려고 합니다!

웹학교

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

네.. 다른 부분은 없었던 것 같아요.
제 사이트에서 반영할 때 나오는 설명글입니다.

----------------
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을 참조하세요.

우성짱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

https://sir.kr/cm_free/1560500

적용 완료했습니다 ㅎㅎ

아미나에 기존 코드가 있어서 수정해서 잘 쓰고 있어요.

감사합니다.

댓글을 작성하시려면 로그인이 필요합니다. 로그인