크롬인경우 Angle Double Right   ckeditor/skins/moono-dark/editor.css

.cke_chrome{

display:block;

border:1px solid #454545;

padding:0;

-moz-box-shadow:0 0 3px rgba(0,0,0,.15);

-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);

box-shadow:0 0 3px rgba(0,0,0,.15)

}

CKEditor 전체 외곽 테두리 

ckeditor-테두리.jpg

IE 11 Angle Double Right  ckeditor/ckeditor/skins/moono-dark/editor_ie.css

.cke_chrome{

        display:block;

        border:1px solid #454545;

        padding:0;

        -moz-box-shadow:0 0 3px rgba(0,0,0,.15);

        -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);

        box-shadow:0 0 3px rgba(0,0,0,.15)

}

 

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.02.15 09:44

    에디터 상단 검은라인 추가 

    .cke_chrome{display:block;border:0px solid #454545;border-top: 1px solid #151515;0 0px rgba(0,0,0,.15);-webkit-box-shadow:0 0 0px rgba(0,0,0,.15);box-shadow:0 0 0px rgba(0,0,0,.15)}


ckeditor/skins/moono-dark/editor.css

 

.cke_panel{

visibility:visible;

width:120px;

height:100px;

overflow:hidden;

background-color:#fff;

border:1px solid #333;

border-bottom-color:#999;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

-moz-box-shadow:0 0 3px rgba(0,0,0,.15);

-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);

box-shadow:0 0 3px rgba(0,0,0,.15)

}

pannel.jpg

.cke_panel_listItem{

margin:0;

padding-bottom:1px

}

.cke_panel_listItem a{

padding:3px 4px;

display:block;

border:1px solid #ddd;

color:inherit!important;

text-decoration:none;

overflow:hidden;

text-overflow:ellipsis;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px

}* html

.cke_panel_listItem a{

width:100%;color:#000

}*:first-child+html

.cke_panel_listItem a{

color:#000

}

.cke_panel_listItem.cke_selected a{

border:1px solid #dedede;

background-color:#f2f2f2;

-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;

-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;

box-shadow:0 0 2px rgba(0,0,0,.1) inset

}

.cke_panel_listItem a:hover,

.cke_panel_listItem a:focus,

.cke_panel_listItem a:active{

border-color:#dedede;

background-color:#f2f2f2;

-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;

-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;

box-shadow:0 0 2px rgba(0,0,0,.1) inset

}

ckeditor-listpannel.jpg
 

 

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

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

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

0개 첨부 됨 ( / )


ckeditor/skins/moono-dark/editor.css
 

두번째 .cke_bottom{ ... 부분 

.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #000;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#404040;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#595959),to(#404040));background-image:-moz-linear-gradient(top,#595959,#404040);background-image:-webkit-linear-gradient(top,#595959,#404040);background-image:-o-linear-gradient(top,#595959,#404040);background-image:-ms-linear-gradient(top,#595959,#404040);background-image:linear-gradient(top,#595959,#404040);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#595959',endColorstr='#404040')}

이 부분에 대한 해설

.cke_bottom{

padding:6px 8px 2px;

position:relative;

border-top:1px solid #000;                      // ① 번 부분 

-moz-box-shadow:0 1px 0 #888 inset;       // ② 번 부분

-webkit-box-shadow:0 1px 0 #888 inset;    // ② 번 부분

box-shadow:0 1px 0 #888 inset;               // ② 번 부분

background:#222;                                 // 별 의미 없는 듯  

background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#444),to(#222));     // ③ 번 부분 

background-image:-moz-linear-gradient(top,#444,#222);                 // 그라디언트의 시작색과 끝색을 지정

background-image:-webkit-linear-gradient(top,#444,#222);

background-image:-o-linear-gradient(top,#444,#222);

background-image:-ms-linear-gradient(top,#444,#222);

background-image:linear-gradient(top,#444,#222);

filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#444',endColorstr='#222')

}


ckeditorbottom.jpg

 

 

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

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

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

0개 첨부 됨 ( / )


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

sketchbook5_blog_bg.jpg

 

/* Blog */
.rd_blog{background:#5B5E5B;border-color:#222 #111 #000;box-shadow:0 4px 12px #000}

              배경색                        테두리 색                           그림자

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.03.09 21:26

    블로그형 본문 배경에 테두리 라운드 효과 

    /* Blog */
    .rd_blog{background:#3F413F;border-radius:30px;border-color:#222 #111 #000;box-shadow:0 4px 12px #000}

  • dodo 2018.03.09 19:20

    /* Blog */
    .rd_blog{background:#3F413F;border-color:#222 #111 #000;box-shadow:0 4px 12px #000}


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

.bd_zine.card li{border-radius:10px;background:#444;border-color:#111;box-shadow:0 1px 1px rgba(0,0,0,.7)}

                  카드 테두리              안쪽 배경색

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

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

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

0개 첨부 됨 ( / )


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