css에서 웹문서의 레이아웃을 지정하고 수정하기 위한 중요한 속성인 position, display, float 속성에 대해 확인해 봅니다.
https://velog.io/@jeongmin_sung/TIL-CSS-position-display-float-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0
css
CSS Layout 관련
-
11Dec 202122:47Read More
Loading CSS
-
28Nov 202119:36Read More
CSS FlexBox
-
27Nov 202123:22Read More
CSS Layout 관련
css에서 웹문서의 레이아웃을 지정하고 수정하기 위한 중요한 속성인 position, display, float 속성에 대해 확인해 봅니다. https://velog.io/@jeongmin_sung/TIL-CSS-position-display-float-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0 https://www.w3schools.co... -
26Nov 202121:40Read More
웹개발 툴, 그것을 알려드림 - 드림코딩 by 엘리
■ CSS Overview 개발자 도구 탭에 나타내기 -
25Sep 202123:05Read More
이미지를 가운데 정렬하기
이미지 가운데 정렬하기 <img src = "excel.gif" style="vertical-align:middle" > -
17Sep 202115:46Read More
Ckeditor Toolbar 등록 이름
// Toolbar configuration generated automatically by the editor based on config.toolbarGroups. config.toolbar = [ { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'ExportPdf', 'Preview... -
14Sep 202100:19Read More
배경 이미지 고정 하기
background-attachment : scroll | fixed | local ; 배경이미지의 스크롤 방식을 조절한다. scroll > 본문과 이미지가 같이 스크롤 됨. fixed > 본문이 스크롤 되어도 이미지는 고정됨. local > -
09Sep 202123:17Read More
웹진형 제목 글자 크기 와 색상
board.css /* Webzine */ .bd_zine>li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word} ... .bd_zine.zine .tmb_wrp img,.bd_zine .no_img{border:1px solid #DDD} .bd_zine h3{margin:0;font-size:15px;color:#444} black.css /... -
30Aug 202123:19Read More
본문 파일목록 영역 배경 색상
본문 영역 목록 리스트 부분의 색상지정 원본 .elfinder-workzone { /** background: #3B4047; */ background: rgb(36,39,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(36,39,41,1) 0%, rgba(25,26,28,1) 100%); /* FF3.6-15 */ backg... -
30Aug 202122:35Read More
테마 설정
elFinder 테마설정 파일 elFinder..root/elfinder.php define('elFinderConfig', { // elFinder options (REQUIRED) // Documentation for client options: // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options defaultOpts : { cssA... -
19Aug 202113:18Read More
Ckeditor in Rhymix 댓글 부분 설정 변경
1. 파일 위치 ..Rhymix/modules/editor/skins/ckeditor/editor.html 2. 댓글 부분 > 약 183라인 // Define the simple toolbar. <!--@if($editor_toolbar === 'simple')--> settings.ckeconfig.toolbar = [ { name: 'styles', items: [ 'Font', 'FontSize', '-... -
19Aug 202113:04Read More
Sketchbook5 댓글 부분 색상 지정
..Rhymix/modules/board/skins/sketchbook5/css/black.css 댓글 쓰기 영역 테두리, 배경 색 부분 .cmt_editor,.fdb_tag{border-color:#333;background:#131313} -
19Aug 202112:46Read More
Sketchbook5 본문 제목 부분 CSS 변경
..Rhymix/modules/board/skins/sketchbook5/css/board.css 제목 테두리 유형, 글꼴에 영향을 끼침 /* Board Style */ .rd_hd .board .top_area{padding:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right... -
19Aug 202112:39Read More
Sketchbook5 댓글수 표시 영역 배경 색상
..Rhymix/modules/board/skins/sketchbook5/css/black.css .bd .bg_f_f9{background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXN... -
19Aug 202112:31Read More
Sketchbook5 댓글 외곽 테두리 둥글게 만들기
..Rhymix/modules/board/skins/sketchbook5/css/board.css .cmt_editor{margin-bottom:32px;padding:12px 16px 20px;background:#FCFCFC;border:1px solid #DDD;border-bottom-color:#CCC;border-radius:8px;box-shadow:0 1px 3px -1px rgba(0,0,0,.1);*zoom:1} -
19Aug 202112:18Read More
Sketchbook5 버튼 둥글둥글하게 만들기
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;backgroun... -
19Aug 202112:03Read More
Sketchbook5 카테고리 테두리 둥글게 만들기
.Rhymix/modules/board/skins/sketchbook5/css/black.css "border-radius:18px 3px 3px 18px;" 부분 추가 .bd_cnb{background:#333;border-color:#111;box-shadow:-1px 0 2px #000} ↓ .bd_cnb{background:#333;border-color:#111;box-shadow:-1px 0 2px #000;b... -
18Aug 202110:58Read More
Rhymix 레이아웃 배경이미지 넣기
layouts/default.css body { background:url(원하시는 주소 또는 파일위치) repeat;} default/conf/info.xml 에서 배경화면 설정 탭 생성 -> <style type="text/css"> <block cond="$layout_info->background_image">html{background:url({$layout_info->backg... -
18Jul 202122:07Read More
Ckeditor in Rhymix 편집기 전체 테두리 색상, 두께
Rhymix 에 포함된 Ckeditor 에서 편집기 전체 테두리 색상 또는 두께 설정 Rhymix/common/js/plugins/ckeditor/ckeditor/skins/moono-lisa/editor.css .cke_chrome{display:block;border:0px solid #d1d1d1;padding:0} -
18Jul 202121:52Read More
Ckeditor in Rhymix 입력창 배경색
Rhymix 에서 Ckeditor 의 입력창 배경색 변경하기 Rhymix/modules/editor/skins/ckeditor/css/default.less Line 39 .light_dark(@cs) when not (@cs = moono-dark) { background-color: #fff; color: #000; &.color_scheme_dark { background-color: #000; co...