갑자기 폴더창의 색상을 그라디어트 적용하고 싶어졌음. 

image.png

 

/**
 * Navbar
 */
.elfinder .elfinder-navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202225+0,3b4047+100 */
background: #191a1c;
background: -moz-linear-gradient(67deg, #191a1c 50%, #535961 100%);
background: -webkit-linear-gradient(67deg, #191a1c 50%,#535961 100%);
background: linear-gradient(67deg, #191a1c 50%,#535961 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a1c', endColorstr='#535961',GradientType=1 );
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  border: none;
}

 

대각선 67도로 비스듬하게 색상변화 적용 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

설치경로> ./addons/php_exif 

지원환경> XpressEngine,Rhymix

라이선스> GPL v2

제작자> karma

 

특징> 사진의 EXIF 정보를 보여주고, 위치정보가 포함되어 있을 경우 클릭하면 지도로 표시해 줍니다. 

 

다운로드 > XETOWN

  • dodo 2019.01.03 00:12 SECRET

    "비밀글입니다."

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

elfinder/js/elfinder.js

 

/**
* Contextmenu config
*
* @type Object
*/
contextmenu : {

 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

image.png

 

 

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


 

/* Read */
.rd{margin:0 auto;padding:0 15px;background:#3B3C3B;border-radius:24px 24px 36px 36px;}

 

 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

image.png

 

 

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

/* Thumb */
.no_img{display:block;overflow:hidden;position:relative;margin:0 auto;background:#F3F3F3;font-weight:700;font-size:1.1em;color:#CCC;text-align:center;white-space:nowrap;*margin:0}
.tmb_wrp{display:inline-block;position:relative;margin:0 auto;*display:inline;*zoom:1}
.tmb_wrp img.tmb{border-radius:10px 10px 10px 10px;display:block;position:relative;margin:0 auto;background:#000;*margin:0}
.tmb_wrp .loading{background:url(../img/white/loading.gif) no-repeat 50% 50%}

 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

image.png

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


 

/* Webzine */
.bd_zine>li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word;background-color:#414548;border-radius:8px;opacity:0.8;}
.bd_zine.zine>li{clear:both;margin:0 2px;padding:16px 8px 16px 16px;*zoom:1}



 

 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

카테고리 테두리 둘글게 만들기 
image.png

 

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

 

<!--// 카테고리 -->
<div class="cnb_n_list">
...
<div cond="!$mi->cnb" class="bd_cnb clear css3pie<!--@if($mi->cnb_open)--> open<!--@end-->" style="border-radius:18px 0px 0px 18px;">

 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

댓글과 본문 글쓰기 높이를 따로 설정할 수 있습니다. 

아래 파일은 댓글부분입니다. 이 부분의 하단에 스타일을 추가해 줍니다. 

<style>
 .cke_contents {height: 56px !important;}
</style>

 

이제 댓은 Autogrow 기능은 작동하지 않습니다. 하지만 댓글만 따로 높이만 고정이 됩니다. 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

 

image.png

 

 

sketchbook5.스킨명/css/board.css

/* Extra Form */ 부분

.exForm li{display:inline;list-style:none;float:left;}
...
.exForm li label{margin:0 15px 0 0;vertical-align:middle;float:right;}

 

/* Write */ 부분

.opt_chk label{margin:0 8px 0 0;float:left;}
.opt_chk input[type=radio],.opt_chk input[type=checkbox]{margin:0;float:left;}

 

 

 

image.png

 

 

Atachment
첨부 '2'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

sketchbook5.스킨/css/black.css

.bd .et_vars{background:#191919}

 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

도큐먼트 권한 지정 에드온 사용시 스케치북5스킨에서 글쓰기 사용시 권한지정 항목이 세로로 나열되는 문제 

레이아웃질문.jpg

 

이렇게 나열 되는데 가로로 나열되도록 하려면 

sketchbook5.스킨명/css/board.css 파일에서 아래와 같이 CSS 설정함

.exForm li{
    display:inline;
    list-style:none;
    float: left;
}

적용 후 

image.png

 

Atachment
첨부 '2'
  • dodo 2018.11.29 17:30

    sketchbook5.스킨명/css/black.css

    .exForm th,.exForm td{background:#161616;border-color:#333;}

     

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

XE code_highlighter

  1. XE code_highlighter 를 설치합니다. 
    설치 위치> xe/modules/editor/components/code_highlighter
     
  2. ckeditor 편집기의 툴바를 등록합니다.  
    toolbar: [
    	  { name: 'xe_component', items: ['code_highlighter' ] },
    	]

 

< 다운로드 경로 > 

  1. XE 공식 자료실 > 
  2. 구글 드라이브 자료실 > 

 

  • dodo 2018.11.26 16:44

    세로 스크롤 바 제거하기 

    XE.../editor/components/code_highlighter/syntaxhighlighter/styles/shCore테마명.css

     

    .syntaxhighlighter textarea {
      ...
      padding-bottom: 5px !important;
    }

     

    아니면

    .syntaxhighlighter {
     ...
      padding-bottom: 5px !important;
    }

     

    이건 지도 모르겠다 

  • dodo 2018.11.26 18:38
    .syntaxhighlighter {
    ...
      border-radius: 6px;
    }

     

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

가나다 마바사아 자차카다 파하 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

emoji  플러그인은 CKEditor 4.11.1 이상 버전에서 작동합니다. 

연결되어 있는 아래의 모든 플러그인이 설치되어 있어야 작동합니다. 

 

  1. emoji
  2. Autocomplete
  3. Text Match
  4. Ajax Data Loading
  5. Panel Button
  6. Floating Panel
  7. xml

각각의 설치 방법은 아래 내용을 참고하세요. 

아래 플러그인을 추가로 설치하세요. 
emoji > 설치 경로 ../ckeditor/plugins/emoji 
Autocomplete > 설치 경로 ..//ckeditor/plugins/autocomplete
Text Match > 설치 경로../ckeditor/plugins/textmatch
Ajax Data Loading > 설치 경로../ckeditor/plugins/ajax
Panel Button > 설치  경로../ckeditor/plugins/panelbutton
Floating Panel > 설치  경로../ckeditor/plugins/floatpanel
xml > 설치 경로../ckeditor/plugins/xml


../ckeditor/config.js 파일에 플러그인을 설정하고, 도구모음 아이콘을 등록하세요. 

config.extraPlugins = 'emoji, textmatch, ajax, autocomplete, panelbutton, floatpanel, xml';

 

config.toolbar = [

    { name:'추가플러그인', items:['EmojiPanel'] }

];
 


각 설치 파일은 아래에서 다운받으세요. 

emoji_4.11.1.zip

ajax_4.11.1.zip

autocomplete_4.11.1.zip

floatpanel_4.11.1.zip

panelbutton_4.11.1.zip

textmatch_4.11.1.zip

xml_4.11.1.zip

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

CKEditor 스타일 리스트에 스타일 추가하기 
style_list.jpg

 

ckeditor/styles.js 파일을 수정합니다. 

 

CKEDITOR.stylesSet.add( 'default', [
     {
        name: 'r8 #999 default',
        element: 'div',
        styles: {

            padding: '5px 10px',
            background: '#999',
            border: '1px solid #ccc',
            'border-radius': '8px 8px 8px 8px'

        }
    },

] );

 

Atachment
첨부 '1'
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

spacingsliders  for ckeditor

 

다운로드> 여기클릭

 

설치 위치
> ckeditor/plugins/spacingsliders

 

설정 추가 
> config.extraPlugins = 'spacingsliders';

 

  • dodo 2018.11.09 06:40

    줄간격과 자간을 동시에 적용할수 없어 사용하지 않음 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

CKEditor Plugins <Hkemoji>

 

Hkemoji.jpg

 

 

다운로드 경로 > https://ckeditor.com/cke4/addon/hkemoji   또는 여기클릭

           

설치경로> ...ckeditor/plugins/hkemoji

 

[환경 설정]

ckeditor/config.js

config.extraPlugins = 'hkemoji';


config.toolbar = [
...    
{ name: 'insert3', items: [ 'HKemoji' ] },
...     
 ];

Atachment
첨부 '1'
  • dodo 2018.11.09 06:45

    적용시 이미티콘 이름을 직접 지정해 줘야 하는 문제가 있어서 사용하지 않음

    Arrow Right  XE 에디터 컴포넌트의 이모티콘을 사용하면 동일한 구성이 가능함 

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

코드스니펫 테마 변경합니다. 

 

var cow = new Mammal( "moo", {
	legs: 4
} );

 

 하이구야 
  • dodo 2018.10.13 18:37
    code

     

  • dodo 2018.10.14 01:43

    ..xe/common/css/bootstrap.min.css

    pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

    위 부분의 background-color:#f5f5f5; Angle Double Right   background-color:#808880

  • dodo 2018.10.14 07:54

    code,pre{padding:0 3px 2px;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

  • dodo 2018.10.14 12:09 SECRET

    "비밀글입니다."

  • dodo 2018.10.14 12:50

    https://colorscripter.com/

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

elFinder Material theme

 

  1. theme( Material.zip ) 파일을 elFinder/css/Material 폴더에 업로드 합니다. 
  2. elFinder.php 파일을 수정합니다. 
    <script>
    	  define('elFinderConfig', {
    	    // elFinder options (REQUIRED)
    	    // Documentation for client options:
    	    // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options
    	   defaultOpts : {
    	      cssAutoLoad : ['./css/Material/css/theme.css'],
    	      // Array of additional CSS URLs                   
    	      url : 'php/connector.minimal.php'       //  서버관리자
    	      ,commandsOptions : {


     
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

https://avada.tistory.com/829

사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

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