ckeditor/styles.js
 

    {
        name: 'Special Container',
        element: 'div',
        styles: {
            padding: '5px 10px',
            background: '#eee',
            border: '1px solid #ccc'
        }
    },

   {
        name: 'r8 #999 default',
        element: 'div',
        styles: {
            padding: '5px 10px',
            background: '#999',
            border: '1px solid #ccc',
            'border-radius': '8px 8px 8px 8px'
        }
    },    
    {
        name: 'left Blue Bar Container',
        element: 'div',
        styles: {
            padding: '4px 4px 4px 14px',
            margin: '6px 6px 20px',
            background: '#999',
            color: '#ddd',
            'box-sizing': 'border-box',
            'line-height': '1.4',
            'font-size': '15px',
            'border-left': '6px double #5BBFD9',
            'border-radius': '6px 6px 6px 6px'            
        }
    },

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

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

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

0개 첨부 됨 ( / )


1. ckeditor/config.js 파일에서 폰트 등록 

config.font_names = '맑은 고딕;굴림;돋움;바탕;궁서;나눔손글씨 붓/Nanum Brush Script;나눔손글씨 펜/Nanum Pen Script;제주한라산/Jeju Hallasan;노토산스 한글/Noto Sans KR;Paytone One;Work Sans;Akronim;Allura;Macondo;Indie Flower;Dancing Script;' + CKEDITOR.config.font_names;

 

2. ckeditor/skins/moono-dark/editor.css  맨 상단에 폰트 등록

편집기 도구상자에서 폰트 모양을 보면서 선택할 수 있습니다. 

ckeditor-fontmenu.jpg

/*
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
@import url(//도메인/xe/common/css/bootstrap.min.css);    부트스트랩
@import url(//도메인/xe/common/css/fontawesome/838cb3dd77.css);    폰트어썸
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);    제주한라산
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);     노토산스한글
@import url('//fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Myeongjo|Nanum+Pen+Script|Dancing+Script|Indie+Flower|Macondo|Akronim|Allura|Paytone+One|Work+Sans:900');       기타 추가되는 구글 웹폰트
.cke_reset{

 

3. XE 관리자 > 사이트 디자인 설정 > 레이아웃 > HTML/CSS  부분의 CSS - layout.css 에 아래 내용추가 

XE 게시판 본문 보기에서 글꼴이 표시됨 

@import url(//도메인/xe/common/css/bootstrap.min.css);
@import url(//도메인/xe/common/css/fontawesome/838cb3dd77.css);
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('//fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Myeongjo|Nanum+Pen+Script|Dancing+Script|Indie+Flower|Macondo|Akronim|Allura|Paytone+One|Work+Sans:900'); 

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.02.20 20:05

    ckeditor/skins/moono-dark/dialog.css

  • dodo 2018.02.20 18:11

    xe/modules/editor/styles/ckeditor_dark/style.css

    xe/modules/editor/styles/ckeditor_dark/editor.css

  • dodo 2018.02.20 18:09

    xe/modules/editor/tpl/css/editor.css


출처 : http://www.colorzilla.com/gradient-editor/
 

Ultimate CSS Gradient Generator

colorzilla.jpg

CSS Gradient  속성값을 간단히 만들 수 있는 웹사이트입니다. 

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

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

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

0개 첨부 됨 ( / )


Sketchbook5 게시판 댓글 쓰기 영역 테두리의 모서리 둥글게 하기 

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

SKETCHBOOK5_COMMENT_writeradius.jpg

.cmt_editor{margin-bottom:32px;padding:12px 16px 20px;background:#FCFCFC;border:1px solid #DDD;border-bottom-color:#CCC;border-radius:18px;box-shadow:0 1px 3px -1px rgba(0,0,0,.1);*zoom:1}

 

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

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

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

0개 첨부 됨 ( / )


Sketchbook5 Board 댓글수 표시 영역 배경색상

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

SKETCHBOOK5_COMMENT_TITLE.jpg

.bd .bg_f_f9{background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxOTE5MTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMTQpIiAvPgo8L3N2Zz4=)}

 

 

테두리색

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

.cmt_wrt_btm .fdb_tag{border:1px solid #666;border-radius:5px}

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.03.09 19:26

    .bd .bg_f_f9{background:#3B3C3B}

  • dodo 2018.02.19 00:07

    댓글 수 표시 영역 배경 지정을 위해 해당 부분 주석 처리 후 배경색상만 재지정

    .bd .bg_f_f9{background:#363636}
    /*

    .bd .bg_f_f9{background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxOTE5MTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMTQpIiAvPgo8L3N2Zz4=)}
    */


목록
Board Pagination Prev 1 ... 15 16 17 18 19 20 21 22 23 24 ... 28 Next
/ 28
rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...