오늘도 이렇게 지식의 방문을 두드립니다.

 

다름이 아니라, Rhymix 기반의 게시판(sketchbook5 스킨) 확장변수의 형식을 날짜로 하여 추가하면 카렌터UI를 가진 항목이 나오는데요,

(첨부사진에서 보시는 바와 같이) 무채색 계열이 기본입니다.

이것을 좀 더 세련되게 수정하고 싶은데, 어떤 파일을 건들여야 하는지 도통 모르겠습니다.

그래서 전문가님들의 조언을 듣고 싶습니다.

 

제가 수정하고 싶은 내용은 아래와 같습니다.

 

1. 라인과 배경색을 전체적으로 다른 색깔로 변경하고 싶습니다.

 

2. "삭제" 버튼을 "재입력" 또는 "취소"라는 문자로 대체, 크기를 바꾸고 버튼 모양 좀 변경하고 싶습니다.

 

3. 모바일로 호출하니, "삭제" 버튼이 날짜입력칸과 줄바꿈되어 버렸습니다. 입력칸 크기를 줄이고 줄바꿈 없이 버튼을 배치하고 싶습니다.

 

4. 오늘날짜을 지정하는 노란색을 다른 색깔로 변경하고 싶습니다.

 

5. (다행히 날짜 지정시 "2023-02-13"처럼 입력되는 것은 \common\js\plugins\ui\rx_datepicker.js 를 수정하여 "2023.02.23"으로 표시되게끔 했습니다.)

 

Rhymix와 스켓치북 스킨에 대해 경험과 실무가 풍부한 분들이 조언해 주시면 정말 고맙겠습니다.

답변과 조언에 미리 감사드립니다. 즐거운 하루 되세요~~!

 

02.png

01.png

 

  • Lv24

    1. 어디라인과 어디 배경색을 의미하나요? 한두군대가 아닌 작업의 경우 질문답변게시판에서 답변이 어려울 수 있습니다.

     

    각각 테두리 옵션들은 input, div, table 등등 다양하게 많이 쓰여서 광범위한 범위를 한꺼번에 해결하기엔 어려울 수 있습니다. 이 경우 제작의뢰가 필요할 수 있습니다.

     

    2. .bd_btn, .btn_img 클래스랑.. input.btn, button.btn 여기에 선언된 두가지를 css파일들중에 찾으셔서 수정하시면 됩니다.

     

    여기에서 가로크기는 .bd_btn, .btn_img 안에 width값을 세로크기는 input.btn, button.btn 여기안에 있는 값을 수정하시면 됩니다.

     

    근데 광대역으로 쓰이는 부분이라 차라리 .exForm .bd_btn 여기에다가 width:~ height:~ 이렇게 넣으시는게 좋을것 같네요.

     

    3. 삭제버튼이 아래로 내려오는편이 훨신 자연스러워질 수 있습니다.

    그래도 바꾸고 싶으면

     

    screen and (max-width: 533px) 요거 찾아서 그안에

     

    .bd_wrt_main .itx 이 클래스 안에 width:100% 을 지우세요.

     

    4.

     .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {

    border: 1px solid #dad55e !important;

    background: #fffa90 !important;

    color: #777620 !important;

    }

    뒤에 색상코드를 님이 원하시는 색상코드로 바꾸시고 스케치북 게시판의 로딩된 css파일 아무곳에 붙여넣으세요.

     

    위의 모든 답변은 님 사이트와 맞지 않거나 해당 클래스를 찾지 못할 수 있습니다.

  • Lv24 ? Lv1

    라인과 배경색은, 달력의 그것을 말한 것이었습니다.
    이를테면, 년도나 월의 배경이나 각 날짜들의 배경 및 그 테두리를 말합니다.

     

    2. "삭제" 문구 수정은 \classes\extravar\Extravar.class.php 의 case 'date' 영역 

    <input type="button" value="' . lang('cmd_delete') . '"...> 부분의

    cmd_delete 를 cmd_cancel 로 수정하여 적용했습니다.

     

    람보님의 조언에 따라 하나하나 적용해 보겠습니다.
    답변에 정말로 감사드립니다. ^^

  • Lv37

    코어에 기본 포함되어 있는 datepicker 라이브러리 외에도 요즘 예쁜 것이 많이 나오니
    기본 기능 무시하고 다른 라이브러리의 튜토리얼을 따라 적용하시는 편이
    코어 수정하는 작업보다 걸리적거리는 것도 적고, 안정성도 높고, 결과에 대한 만족도도 높을 것 같습니다.

    확장변수 입력란 디자인 관련된 질문이 올라올 때마다 매번 드리는 답변이지만
    코어에서 기본 제공되는 확장변수 입력란의 HTML 코드는

    단 한 글자도 그대로 사용해야 할 의무가 없습니다. 스킨에서 다른 코드 넣으면 그만이예요.

  • Lv37 ? Lv1
    아, 그렇군요.
    저는 주어진 것들을 스스로의 필요에 따라 수정해서 사용해야만 하는 걸로 알고 있었습니다.
    다음번에는 기진곰님 말씀처럼, 다른 걸 적용해서 사용하는 걸 고려해 보겠습니다.
    감사합니다.