프로그램 연습
2025-05-01 Thu

로그인

검색

Rhymix 레이아웃 배경이미지 넣기

Extra Form

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->background_image}) }</block>

</block>

</style>

 

노랑색 음영 부분은 info 에서 설정한 값

 

body 보다는 html 부분에 넣어 주세요. 

목록
위로 아래로 게시글 수정 내역 댓글로 가기
Category
  1. 11
    Dec 2021
    22:47

    Loading CSS

    Read More
  2. 28
    Nov 2021
    19:36

    CSS FlexBox

    Read More
  3. 27
    Nov 2021
    23:22

    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...
    Read More
  4. 26
    Nov 2021
    21:40

    웹개발 툴, 그것을 알려드림 - 드림코딩 by 엘리

    ■ CSS Overview 개발자 도구 탭에 나타내기
    Read More
  5. 25
    Sep 2021
    23:05

    이미지를 가운데 정렬하기

    이미지 가운데 정렬하기 <img src = "excel.gif" style="vertical-align:middle" >
    Read More
  6. 17
    Sep 2021
    15:46

    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...
    Read More
  7. 14
    Sep 2021
    00:19

    배경 이미지 고정 하기

    background-attachment : scroll | fixed | local ; 배경이미지의 스크롤 방식을 조절한다. scroll > 본문과 이미지가 같이 스크롤 됨. fixed > 본문이 스크롤 되어도 이미지는 고정됨. local >
    Read More
  8. 09
    Sep 2021
    23:17

    웹진형 제목 글자 크기 와 색상

    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 /...
    Read More
  9. 30
    Aug 2021
    23:19

    본문 파일목록 영역 배경 색상

    본문 영역 목록 리스트 부분의 색상지정 원본 .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...
    Read More
  10. 30
    Aug 2021
    22:35

    테마 설정

    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...
    Read More
  11. 19
    Aug 2021
    13:18

    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', '-...
    Read More
  12. 19
    Aug 2021
    13:04

    Sketchbook5 댓글 부분 색상 지정

    ..Rhymix/modules/board/skins/sketchbook5/css/black.css 댓글 쓰기 영역 테두리, 배경 색 부분 .cmt_editor,.fdb_tag{border-color:#333;background:#131313}
    Read More
  13. 19
    Aug 2021
    12:46

    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...
    Read More
  14. 19
    Aug 2021
    12:39

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

    ..Rhymix/modules/board/skins/sketchbook5/css/black.css .bd .bg_f_f9{background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXN...
    Read More
  15. 19
    Aug 2021
    12:31

    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}
    Read More
  16. 19
    Aug 2021
    12:18

    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...
    Read More
  17. 19
    Aug 2021
    12:03

    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...
    Read More
  18. 18
    Aug 2021
    10:58

    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...
    Read More
  19. 18
    Jul 2021
    22:07

    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}
    Read More
  20. 18
    Jul 2021
    21:52

    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...
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4