[클라우드]
구글드라이브 > https://drive.google.com

이미지경로/h32_rb_googledrive.png
이미지경로/h32_rb_googledrive_active.png

핀터레스트  > https://www.pinterest.co.kr/

이미지경로/h32_rb_pinterest.png
이미지경로/h32_rb_pinterest_active.png

플리커  > https://www.flickr.com

이미지경로/h32_rb_flickr.png
이미지경로/h32_rb_flickr_active.png

pixabay  > https://pixabay.com/

이미지경로/h32_rb_pixabay2.png
이미지경로/h32_rb_pixabay2_active.png

flaticon  > https://www.flaticon.com/

이미지경로/h32_rb_flaticon.png
이미지경로/h32_rb_flaticon_active.png


[색상]
Adobe Color CC  > https://color.adobe.com/ko/create/color-wheel/

이미지경로/h32_Adobe_Color_CC_sleep.png
이미지경로/h32_Adobe_Color_CC.png

COPASO  > http://www.colourlovers.com/copaso/ColorPaletteSoftware

이미지경로/h32_ColorPaletteSoftware_sleep.png
이미지경로/h32_ColorPaletteSoftware.png

컬러차트  > https://html-color-codes.info/Korean/

이미지경로/h32_html-color-codes_sleep.png
이미지경로/h32_html-color-codes.png

color-hex  > http://www.color-hex.com/

 

[편집기]
pixlr  > https://pixlr.com/editor/

이미지경로/h32_pixlr_sleep.png
이미지경로/h32_pixlr_active.png

 

xe/modules/editor/skins/ckeditor/editor.html

이 파일 맨 하단 수정 

.

<a href="https://drive.google.com" title="구글드라이브" target="_blank">
    <img src="이미지경로/h32_rb_googledrive.png" onmouseover="this.src='이미지경로/h32_rb_googledrive_active.png'"
onmouseout="this.src='이미지경로/h32_rb_googledrive.png'" border="0"></a>
<a href="https://www.pinterest.co.kr" title="핀터레스트" target="_blank">
    <img src="이미지경로/h32_rb_pinterest.png" onmouseover="this.src='이미지경로/h32_rb_pinterest_active.png'"
onmouseout="this.src='이미지경로/h32_rb_pinterest.png'" border="0"></a>
<a href="https://www.flickr.com" title="플리커" target="_blank">
    <img src="이미지경로/h32_rb_flickr.png" onmouseover="this.src='이미지경로/h32_rb_flickr_active.png'"
onmouseout="this.src='이미지경로/h32_rb_flickr.png'" border="0"></a>
<a href="https://pixabay.com" title="픽사베이" target="_blank">
    <img src="이미지경로/h32_rb_pixabay2.png" onmouseover="this.src='이미지경로/h32_rb_pixabay2_active.png'"
onmouseout="this.src='이미지경로/h32_rb_pixabay2.png'" border="0"></a>
<a href="https://www.flaticon.com" title="flaticon" target="_blank">
    <img src="이미지경로/h32_rb_flaticon.png" onmouseover="this.src='이미지경로/h32_rb_flaticon_active.png'"
onmouseout="this.src='이미지경로/h32_rb_flaticon.png'" border="0"></a>
<a href="https://color.adobe.com/ko/create/color-wheel/" title="Adobe Color CC" target="_blank">
    <img src="이미지경로/h32_Adobe_Color_CC_sleep.png" onmouseover="this.src='이미지경로/h32_Adobe_Color_CC.png'"
onmouseout="this.src='이미지경로/h32_Adobe_Color_CC_sleep.png'" border="0"></a>
<a href="http://www.colourlovers.com/copaso/ColorPaletteSoftware" title="COPASO" target="_blank">
    <img src="이미지경로/h32_ColorPaletteSoftware_sleep.png" onmouseover="this.src='이미지경로/h32_ColorPaletteSoftware.png'"
onmouseout="this.src='이미지경로/h32_ColorPaletteSoftware_sleep.png'" border="0"></a>
<a href="https://html-color-codes.info/Korean/" title="컬러차트" target="_blank">
    <img src="이미지경로/h32_html-color-codes_sleep.png" onmouseover="this.src='이미지경로/h32_html-color-codes.png'"
onmouseout="this.src='이미지경로/h32_html-color-codes_sleep.png'" border="0"></a>
<a href="https://pixlr.com/editor/" title="pixlr" target="_blank">
    <img src="이미지경로/h32_pixlr_sleep.png" onmouseover="this.src='이미지경로/h32_pixlr_active.png'"
onmouseout="this.src='이미지경로/h32_pixlr_sleep.png'" border="0"></a>
 

 

댓글(1) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.07.19 07:09 SECRET

    "비밀글입니다."


이 게시판의 CKEditor에 적용한 웹폰트 목록입니다. 

맑은 고딕 ABCabc 123

궁서 ABCabc 123

나눔손글씨 붓 ABCabc 123

나눔손글씨 펜 ABCabc 123

제주한라산 ABCabc 123

노토산스 한글 ABCabc 123

연성 Yeon Sung 123

서툰이야기 Poor Story 123

PaytoneOne 한글 123

Work Sans 한글 123

Akronim 한글 123

Allura 한글 123

Macondo 한글 123

Indie Flower 한글 123

Dancing Script 한글 123

Cabin Sketch 한글 123 

 

 

 

댓글(1) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.11.23 16:22

    < 추가 >

    제주고딕

    어비 스위트

     


KCFinder 툴바 배경색 변경 

KCfinder/themes/dark/03.misc.css

body {
    background: #000;
    color: #aaa;
}

body {
    background: #272e2f;
    color: #aaa;
}

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


KCFinder 의 배경 색상 변경 방법 

/KCfinder/themes/dark/03.misc.css

#toolbar a.selected {
    color: #aaa;
    border: 1px solid #425064;
    border-radius: 4px;
    background: #202D3E;
    box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
}


#toolbar a.selected {
    color: #aaa;
    border: 1px solid #425064;
    border-radius: 4px;
    background: #505a5f;
    box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
}

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


File Uploader by Uploadcare

출처 : https://ckeditor.com/cke4/addon/uploadcare
호환정보 : File Uploader by Uploadcare 3.0   ckeditor 4.9 / 4.8 / 4.7

구글드라이브, 플리커 등 클라우드 드라이브의 파일이나 이미지를 Ckeditor 에 삽입할 수 있게하는 플러그인입니다. 

uploadcare01.jpg

 

 [설정 방법]

  1. 플러그인 업로드  .../ckeditor/plugins/uploadcare
     
  2. .../ckeditor/config.js 에 확장플러그인 등록
    config.extraPlugins ='uploadcare';
     
  3. https://uploadcare.com/accounts/settings/ 에서 회원 가입 후 API Key 생성
    구글계정으로 소셜 회원가입이 가능합니다. 가입하고 API 키를 선택해서 생성하면 됩니다. 
     
  4. xe/modules/editor/skins/ckeditor/editor.html 맨 상단에 3. 에서 생성한 API Key 스크립트 추가

    <script>

        UPLOADCARE_PUBLIC_KEY = '7859a72cc41c660d0cb4';
    </script>
     

  5. ../xe/modules/editor/skins/ckeditor/editor.html 맨 중간 아래 코드를 추가

    // Initialize CKEditor settings.
    var settings = {
      // ..... ckeditor 툴바 설정 부분 하단에 아래 내용 추가...

      uploadcare: {
          publicKey: '
    7859a72cc41c660d0cb4', // set your public API key here
          multiple: true, // allow multi-file uploads
           crop: '1:1,4:3', // set crop options when handling images
           /* feel free to add more “object key” options here */
      },

    }

댓글(1) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.05.27 07:39

    File Uploader by Uploadcare 플러그인의 문제점이 있었으니 무료가 아니라는 것.
    무료 버전은 저장공간 500MB, 이미지만 사용이 가능합니다.
    PDF나 기타 파일의 업로드 등이 필요한 경우 유료버전(월 사용료)으로 전환해야 합니다.
    ★ 더 큰 문제는 클라우드에서 직접 파일을 링크하지 않는다는 거네요.
        File Uploader by Uploadcare 에서 각 클라우드로 로그인하여 자료를 가져오고 이 자료가 File Uploader by Uploadcare 서버에 다시 업로드 되는 구조입니다. 결국 클라우드에 있던 자료가 File Uploader by Uploadcare 에 다시 올라가는 거죠. 이렇게 되면 비밀자료를 링크했을 경우 클라우드에 비공개로 보관되어 있던 자료까지 File Uploader by Uploadcare에 재 공유되고 있게 되겠네요.
       저는 그저 가볍게 무료버전으로 클라우드 공개 이미지만 공유하는 목적으로 사용하기로 하였습니다.


xe/modules/automention/skins/default/plugin/emojione/emojionearea.min.js

 

var M={defaultBase:"https://cdnjs.cloudflare.com/ajax/libs/emojione/",defaultBase3:"https://cdn.jsdelivr.net/",

var M={defaultBase:"https://자체서버경로/emojione/",defaultBase3:"https://cdn.jsdelivr.net/",

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


다운로드 codesnippet_4.9.2.zip / 설치방법 Code Snippet _ CKEditor.pdf

원본출처   https://ckeditor.com/cke4/addon/codesnippet

 

본문에 코드를 삽입할 수 있게하고, 삽입된 코드는 각 언어에 따라 색상으로 명령을 구분해 줍니다. 

[설치방법]

1. .../ckeditor/plugins/codesnippet  위치에 업로드 
 

2.  .../ckeditor/config.js 파일에  아래 내용 삽입 

    config.extraPlugins = 'codesnippet';


3.  XE를 사용하는 경우 ...xe/modules/editor/skins/ckeditor/editor.html 에서 툴바 설정 추가 

toolbar: [
{ name: 'insert1', items: [ 'CodeSnippet' ] }
]


필요에 따라 댓글 툴바에도 설정 추가 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


http://youngwonjang.github.io/2015/05/31/%20google%20Client%20id.html

 

댓글(3) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.04.29 10:19

    http://sejin7940.co.kr/xe_tips

  • 다미다미 2018.04.25 10:24

    댓글 확인 

  • dodo 2018.04.24 15:54

    https://www.xpressengine.com/qna/?mid=tip&search_keyword=%EA%B6%8C%ED%95%9C&search_target=title_content&page=2&division=-18122683&document_srl=17365272


xe/modules/automention/skins/default/js/am_at.js

 

    var emojis_colon_config = {
        at: js_emoti.colon_key,
        data: emojis_colon,
        displayTpl: "<li>${preview} ${name}</li>",
        insertTpl: '${img}',
        limit: 50,
        delay: 100
    }

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


Sketchbook5 게시판 버튼 둥글게 만들기 

xe/modules/board/skins/sketchbook5/css/board.css

 

.bd_btn,.btn_img{display:inline-block;position:relative;height:28px;margin:0;padding:4px 20px;background:#F3F3F3 url(../img/ie/btn.png) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#000 0%,#999999 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}

.bd_btn,.btn_img{display:inline-block;position:relative;height:28px;margin:0;padding:4px 20px;background:#F3F3F3 url(../img/ie/btn.png) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#000 0%,#999999 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:13px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


xe/modules/board/skins/xet_infinite_board/_style.gallery.html

무한 스크롤 게시판 갤러시 스킨에서 비밀글 이미지 목록에서 제외하기 

<!--// Style Gallery //-->
<div class="baord_gallery" id="xet_infinite_content">    
    <div class="item" loop="$document_list=>$no,$document" style="margin-bottom:{$module_info->gallery_thumbnail_space}px;" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


xe/modules/board/skins/sketchbook5/_list_webzine.html

웹진 스킨에 적용하는 방법 

    <!--// 일반 목록 -->
    <li loop="$document_list=>$no,$document" class="<!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear">

    <!--// 일반 목록 -->
    <li loop="$document_list=>$no,$document" class="<!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

 

xe/modules/board/skins/sketchbook5/_list_gallery.html

갤러리 스킨에 적용하는 방법

<!--// 일반 목록 시작 -->
<li loop="$document_list=>$no,$document" class="select"|cond="$document_srl==$document->document_srl">
    <div class="tmb_wrp ribbon_v{$mi->ribbon_style}">

<!--// 일반 목록 시작 -->
<li loop="$document_list=>$no,$document" class="select"|cond="$document_srl==$document->document_srl">
    <div class="tmb_wrp ribbon_v{$mi->ribbon_style}" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

이렇게 하면 중간 중간 이가 빠진것처럼 나타남 

 

이렇게 적용하는 경우
한페이지에 표시되는 글 수를 10개로 설정한 경우 비밀글이 2개라면 
8개만 표시되는 문제점이 있음. 

 

관련 내용 참조(출처) 

https://www.xpressengine.com/index.php?document_srl=20542317&search_keyword=%EB%B9%84%EB%B0%80%EA%B8%80&mid=qna

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


웹진형 목록 보기에서 썸네일 비회원에게도 보여주기 

xe/modules/document/document.item.php

if($this->isSecret() && !$this->isGranted())
{
   return;
}

이 부분을 주석처리함. 

// //비밀글 썸테일 보이기  if($this->isSecret() && !$this->isGranted())
        // //비밀글 썸테일 보이기 {
            // //비밀글 썸테일 보이기 return;
        // //비밀글 썸테일 보이기 }

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


"비밀글입니다."


xe/modules/board/skins/sketchbook5/css/m_editor.css

 

/* 모바일에서 에디터 툴바 문제 조치 - 아래 내용 추가 */

#cke_editor { display: none; }

 

 

https://xetown.com/qna/355441

 

/modules/board/m.skins/sketchbook5
여기서 write_form.html 와 _write_form_mobile.html

부분에서 

 {$oDocument->getEditor()} 나 {$commentt->getEditor()} 를 지움 

 

저는 지우지는 않고

<!--@if(!Mobile::isMobileCheckByAgent())-->

<!--@end-->
 

이걸로 묵었습니다.

기진곰님 말씀대로 모바일때 표시가 달라지는 코드가 있던데 제대로 작동을 안하더라구요

 

스케치북 기준으로 스케치북 폴더에서 css/m_editor.css을 열어서

 

#cke_editor { display: none; }

 

이것을 추가해주는 것 입니닷.

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


xe/modules/board/skins/sketchbook5/css/black.css

sketchbook5_bb11.jpg

 

.bd_wrt .color_wrp{background:#191919}

.bd_wrt .color_wrp{background:transparent}
댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


xe/modules/board/skins/sketchbook5/css/board.css

sketchbook5_write_textbox_radius.jpg

 

/* Common */
/* Form */

...

 

.bd .itx,.bd select{display:inline-block;margin:0;padding:4px 6px;background:#FAFAFA;border-radius:16px;border:1px solid;border-color:#BBB #DDD #DDD #BBB;*display:inline;*zoom:1}

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


웹 파일 관리자 KCFinder 설치 방법

 

설치 조건 : Apache 2, PHP 5.3 이상

라이선스 GNU General Public License version 3

  1. 소스파일 다운로드  https://github.com/sunhater/kcfinder/releases
  2. 설치하려는 폴더에 복사  /kcfinder        ※ 다른폴더를 이용해도 됩니다. 
  3. 업로드되는 파일이 저장될 폴더를 만듭니다. 기본 값은     /kcfinder/upload/        ※ 다른폴더를 이용해도 됩니다. 
    이 폴더는 퍼미션값을 777 로 설정합니다. 
  4. 3.x 이상 버전에는  /kcfinder/cache 디렉토리가 있습니다. 이 디렉토리에 테마와 관련된 CSS 파일과 JS 파일이 있습니다. 새로운 테마를 만들수도 있습니다. 이 디렉토리에는 .htaccess 파일이 있어야 합니다. 
  5. 이제 경로를 불러 kcfinder 가 실행되는지 확인합니다.    http://www.yangel.org/kcfinder

설치가 되면 conf/config.php 파일을 수정하여 환경을 설정합니다.  설정 방법에는 Dynamic Settings 과 Static Settings 두가지가 있습니다. 

 

[Dynamic Settings]

'disabled' => true,

true / false

kcfinder를 사용할 수 없게 됩니다.

'denyZipDownload' => false,

false / true

이미지를 zip 파일로 다운받을수 있게 합니다. 

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


stage_menu-all.jpg

xe/layouts/stage/css/stage.css

 

  2차 가로 메뉴 배경색
#lighting-nav .active{background:#f9f9f9 !important; height:200px !important; border-top:8px solid; border-left:0 !important}

 

  2차 메뉴 아이콘 색 
#lighting2-nav li .fa{font-size:42px; color:#ccc; *display:inline-block}

 

  2차 세로 메뉴 배경색 
#lighting2{position:fixed; right:480px; top:0; width:160px; height:100%; background-color:#ccc; border-left:1px solid #e3e3e3}

 

댓글(3) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.03.03 01:35

    2차 가로메뉴 글씨색

     

    #lighting-nav .nav2nd-box li .nav2nd-tit{display:block; margin-top:5px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#BABEBD}

  • dodo 2018.03.03 01:26

    글씨색

    #lighting2-nav li .nav2nd-tit{display:block; margin-top:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#aaa

    #lighting2-nav li .nav2nd-tit{display:block; margin-top:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#BABEBD

  • dodo 2018.03.03 01:02

    2차 메뉴 배경색 

    #lighting2{position:fixed; right:480px; top:0; width:160px; height:100%; background-color:#707C79; border-left:1px solid #e3e3e3}

     

    #lighting-nav .active{background:#707C79 !important; height:200px !important; border-top:8px solid; border-left:0 !important}

     


목록
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6
rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...