출처 : 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=)}
    */


Sketchbook5 에서 각종 버튼에 마우스 올라갈 때 빨강색 불이 테두리에 켜지는 효과
xe/modules/board/skins/sketchbook5/css/black.css

 

.bd_btn,.bd .btn_img,.exForm input[type=button]{color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.8);border-color:#666;background:#333;box-shadow:0 1px 3px #000;behavior:none}
.bd_btn:hover,.bd .btn_img:hover,.bd_btn:focus,.bd .btn_img:focus{box-shadow:0 1px 6px #ff0000}

 

button01.jpg button02.jpg

 

 

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

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

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

0개 첨부 됨 ( / )


xe/common/css/bootstrap.min.css
 

blockquote{

padding:0 0 0 12px;

margin:0 0 0 20px;

border-left:2px solid #E46F35

}

blockquote p{

margin-bottom:0;

font-size:14.5px;

font-weight:300;

line-height:1.25

}

인용문 기본 스타일

padding  Angle Double Right  padding-top padding-right padding-bottom padding-left

margine Angle Double Right  margin-top margin-right margin-bottom margin-left

border-left  왼쪽두께 유형 색상

 

인용문 글자스타일

font-size 글씨크기

fonr-weight 

line-height 줄간격

 

 

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.02.14 13:23

    blockquote{padding:0 0 0 12px;margin:0 0 0 20px;border-left:2px solid #E46F35}blockquote p{margin-bottom:0;font-size:14.5px;font-weight:300;line-height:1.25}


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