질문/공유공개자료실 "레이아웃"
레이아웃

OrangeDay 테마 (레이아웃, 게시판 스킨, 멤버 기타)

야비아저씨
추천 수 16 댓글 64
Extra Form
자료 소개 블로그형식으로 사용할 수 있는 레이아웃 (게시판, 멤버, 검색 스킨 등 포함)
설치 경로 ./
테스트 환경 Rhymix 2.1
라이선스 GPL v2
Github https://github.com/OrangeDayCom/rhymix-layout
의존 정보 폼위젯 https://xetown.com/download/1359990
크게 작게 위로 아래로 댓글로 가기
이름 버전 날짜 다운수
rhymix-Orangeday-theme-1.0.2.zip 1.0.2 2024-04-22 35
rhymix-Orangeday-theme-1.0.1.zip 1.0.1 2024-04-18 58

업테이트 안내 ====================================================

 

버전1.0.2  (2024-04-22)

 

게시판
- $_SERVER['HTTP_SEC_FETCH_DEST' 체크 제거
- 게시판 정렬(중앙, 좌측, 풀)추가
- 게시판 크기 입력 가능
- 작성글없음, 검색 결과 없음 추가
- 방명록 글읽기 아이프레임 팝업 제거
- 블로그 형식 레이아웃 수정
- 일부 빠졌던 js 파일 추가
- 하단 뱃지 감추기 기능 추가
- 기타 수정

레이아웃
- 로고, 사이트설명, 카피라이트 부분 수정
- 하단 뱃지 감추기 기능 추가

 

버전1.0.1 (2024-04-18)

- 회원가입 버튼 에러 수정
- 게시판을 메인으로 할때 레이아웃 깨지는 문제 수정
- 갤러리형 게시판 비밀글 썸네일 안보이는 문제 수정
- 게시판 설정의 상단, 하단 글 보이게 수정
- 일부 css 수정
 

===============================================================

 

소개

- 개인적으로 사용할 목적으로 제작한 스킨이라

  에러가 있을 수 있습니다. 에러 발견하면 연락주세요. 

 

- 불필요한(정리안된) 코드와 파일이 존재합니다.

  성능보다는 나름 디자인에 중점을 둔 스킨이기도 하고, 아직 미완성인것도 이유입니다. 

 

- 몇몇 기능중에 빼먹고 디자인이 적용 안 된 부분이 있을 수 있습니다. 

  제가 쓸일이 없다던지 해서, 그런 부분은 알려주시면 반영하도록 하겠습니다.

 

설치 방법

- 레이아웃 스킨, 게시판 스킨, 멤버 스킨, 새글 위젯 스킨 등 을 포함하고 있습니다.

  root(rhymix)폴더에 넣어 주시면 됩니다.

  파일 구조와 사용된 소스가 궁금하시면 https://www.orangeday.com/xeskin

 

- 공통요소을 관리할 목적으로 _asset 폴더 사용

  공통적으로 사용되는 css 와 js 파일을 ./root/_asset/ 폴더에 모아 두었습니다.

  js 는 테마관련, 쿠키관련 설정파일입니다.

  레이아웃, 게시판, 위젯 등 공통으로 사용하는 부분이 있어 관리의 편의를 위해 따로 폴더로 만들었습니다.

  불편하시분은 따로 각각의 레이아웃과 게시판에 파일을 넣어 링크 수정 후 사용하시면 됩니다.

 

- 레이아웃과 게시판은 연동되는 설정이 다수 존재 합니다.

  게시판 스킨만 따로 사용하셔도 문제없습니다.

 

- 폼위젯 필수설치 폼위젯 바로가기 

  윤삼님의 폼위젯을 게시판에 간단하게 사용할 수 있게 수정했습니다.

  폼입력형식 스타일의 게시판을 사용하지 않으신다면 설치 안하셔도 됩니다.

 

구성

추가 폴더

- _asset/*.*

 

레이아웃

- layouts/OrangeDay_blog_layout

 

게시판

- modules/board/skins/OrangeDay_board

 

기타모듈

- modules/communication/skins/OrangeDay_communication

- modules/integration_search/skins/OrangeDay_integration_search

- modules/member/skins/OrangeDay_member

- modules/message/skins/OrangeDay_message

 

위젯

- widgets/ap_form/skin/OrangeDay_ap_form (폼위젯 필요)

- - ※ 설치후 별도 설정 X

- widgets/content/skins/OrangeDay_content

- - ※ 레이아웃 설정에서 관리 가능

- widgets/counter_status/skins/OrangeDay_counter_status

- - ※ 포인트 모듈 사용, 별도 설정 X

 

특징

- 다크모드 / 대표색상지정 / 레이아웃 지정 등에 쿠키 이용

- 게시판 유형 : 목록형-ul, 목록형-table, 갤러리형, 웹진형, 웹진리스트형, 북마크형, 방명록, 입력폼, 블로그, 히스토리, 유투브

- 최종 테스트 : rhymix 2.1.14,  php8.2.7p1

- 게시판 오른쪽 상단에 톱니바퀴를 클릭하시면 게시판 유형을 선택할 수 있습니다.

456.PNG

 

미리보기

https://www.orangeday.kr/

 

간단 매뉴얼 

- https://www.orangeday.kr/SkinForum/ 

※ 저렴한 호스팅이라 트래픽이 막힐수 있습니다.

 

스크린샷

1.jpg

2.jpg

6.jpg

7.jpg

8.jpg

9.jpg

 

Untitled-1.jpg

 

TAG •
위로 아래로
댓글 64
  • profile

    고퀄리티 테마 공유 감사합니다. 설치 후 적용해보고 있으며 궁금한 점 남겨봅니다.

    1. 목록에서 닉네임을 표시하지 않게 게시판 설정을 하였는데 [목록 기본형 (Table)] 을 제외한 나머지 유형에서는 닉네임이 표시되는 사항이 있습니다. (웹진, 갤러리 등....)

    혹시 이 부분이 수정이 가능할지 여쭤봅니다.


    2. https://www.orangeday.com/privacy 페이지 부분은 어떻게 적용하셨는지 알 수 있을까요? 외부 페이지인것 같긴 한데 잘 모르겠어서 질문 남겨봅니다.

  • profile profile

    1.
    소스 수정이 가능하시다면 
    해당 항목에 cond="$list_config['해당항목']->idx" 에 넣어주세요.
    ex: 닉네임을 보이고, 안보이고 기능이 가능하게 하고 싶다면

    목록페이지에서 닉네임항목을 찾아서

    <span class="author">{$document->getNickName()}</span> 대부분 요런 형식으로 들어가 있을 텐데
    <span cond="$list_config['nick_name']->idx" class="author">{$document->getNickName()}</span> 로 바꿔주시면 됩니다.
    다음 버전에는 추가 해야 겠네요. 

     

    2.
    개인정보 페이지는 외부 페이지로 만든거라 테마에 포함되어 있지 않습니다.

  • ?

    안녕하세요.
    레이아웃 수정본 까지 설치 하여 꾸며 보니 정말 이쁩니다.
    이번에 수정 해주신 내용중에

    - 게시판 정렬(중앙, 좌측, 풀)추가
    - 게시판 크기 입력 가능

    이 두개 처럼 , 레이아웃 전체의 컨텐츠 부분을 수정할수있도록
    레이아웃을 구성할수도있을까요?
    지금 홈 화면기준 해상도에 따른 전체 화면 설정이 되서
    게시판쪽 말고 페이지 부분도 게시판 처럼 전체 화면 시 페이지를 조정 하고 싶은데
    레이아웃 자체 내에서는 없더라구요. 스타일을 컨테이너로 잡아서 css 로 추가 해봤는데 첫페이지만 비율 줄고
    페이지는 또 적용이 안되더라구요.
    수정할수있는 방안이 더 있을까요?

    너무 잘 만들어주셔서 감사합니다.

     

    제가 페이지에 작성중인 내용입니다. 해당 링크를 보면 해상도 조절이 되지않아 전체 화면 시 꽉 차 보이는데 이걸 줄이고 싶어요 .ㅠ

    http://antzcommunity.kro.kr:8080/page14

    한번 확인만 부탁드리겠습니다.

  • ? profile

    layou.html
    라인 375 정도 보시면
    #odaylayout #ol_right { width:calc(100% - {$oi->gnb_width}px); }
    가 있습니다.
    #odaylayout #ol_right { width:calc(100% - {$oi->gnb_width}px); max-width:원하는 크기 }
    ex :
    링크된 사이트의 전체 폭 1000px 맞추고 싶다면, 메뉴 폭이 200px 이니깐
    #odaylayout #ol_right { width:calc(100% - {$oi->gnb_width}px); max-width:800px; }
    수정하시고 "게시판 가로" 옵션을 "꽉 채우기" 설정해 주세요.
    갤러리, 블로그 형식 등은 레이아웃이 딱 떨어지지 않거나 깨질 수 있습니다.

  • profile ?
    감솨합니다. 아주 잘 수정 되었습니다. !! ^^ !
  • ?

    레이아웃을 공개하여 주셔서 감사합니다~

    1. 로로 링크는 수정못하나요? 로고주소가 도메인주소/ 로 되어있네요..
    도메인주소/xe에 설치된경우 어떻게 변경해야될까요? 설정에서 변경할수있었으면 좋겠어요
    2. 하단뱃기 감추기 기능이 안되는거 같아요.

  • ? profile

    1. 아. 폴더에 설치한 경우는 생각 못했네요.
    - 레이아웃 스킨 layout.html 에서
    라인 63, 117, 123, 328

    <a href="/"> --> <a href="{geturl('')}"> 수정하세요.

     

    - 보드스킨 /opt_read/_read_opt_title.html

    라인 20

    <a href="/" class="gotohome" id="focusin"> --> <a href="{geturl('')}" class="gotohome" id="focusin">수정하세요.

     

    --- 잘 안되시면 모두 href="/xe/" 로 수정하세요.


    2. 뱃지 감추기가 레이아웃, 게시판 각각 있습니다.
    두개 다 감추기 해 주세요.

  • ?

    왼쪽 하단에 있는 버튼 삭제해도되나요?

    by Orangeday < 이 버튼이요

  • ? profile
    넵. 삭제 하셔도 됩니다.
    다음 버전에는 보일지 말지 선택 항목이 들어가 있습니다.
  • profile ?
    감사합니다 :)
  • ?
    좋은 레이아웃 정말정말 감사합니다.
  • ?

    오류1번.png

    오류2번.png

     

     

    설치를 했는데 이렇게 되는데 다른거 추가랑 수정을 해야하나요?

  • ?

    오류3번.png

    게시판을 열면 이렇게됩니다

  • ? profile
    레이아웃 : layout.html 에서
    <li id="ol_right" class="content"> 을 찾아서
    <li id="ol_right" class="content">///{$_SERVER['HTTP_SEC_FETCH_DEST']}/// 로 수정한 다음
    ///document/// 가 출력되는지 확인부탁드립니다. 만약 출력이 안된다면 현재는 이용할 수가 없습니다.
    다음 수정본에서는 {$_SERVER['HTTP_SEC_FETCH_DEST']} 체크 부분을 제거할 예정이라.
    상관없이 사용할 수 있을것 같습니다. 조금 기다려 주세요.
  • profile ?
    ///document///

    이게 나오긴하는데... 똑같이 깨져서 나옵니다. 레이아웃 업데이트까지 기다리겠습니다. 답댓달아주셔서 감사합니다 :)
  • ? profile
    사이트 주소 알려주시면 한번 봐 볼께요.
    공개가 어려우시다면 쪽지로 주셔도 됩니다.
  • profile ?
    네 쪽지로 보내드렸습니다
  • ? profile
    제가 아직 쪽지를 보낼 등급이 아니라서 댓으로 남길께요.
    다운 받으신 파일 보시면 _asset 폴더가 있습니다.
    그 폴더 루트 폴더에 넣어 주세요.
    https://www.orangeday.com/xeskin
    여기 보시면 파일 구조를 볼수 있습니다.
  • profile ?

    폴더째로 넣으면 되나요? 아니면 폴더 빼고 안에 있는 파일들을 넣어야하나요?

     

    그리고 root라는건 처음 FTP들어갔을때 라이믹스 들어가기 전 폴더 말씀하시는건가요?

  • ? profile

    위치 참고하시라고 올려 드립니다.

    폴더에 파일이 들어 있는 상태로 같이 올려주세요.

    ftp.png

  • profile ?
    정말 감사합니다!!ㅠㅠ

    깨짐 문제는 해결했습니다 :)
  • ?

    좋은 레이아웃 너무 감사합니다! 깔끔한게 너무나 좋아요!!

     

    한가지 질문이 있습니다...

    유투브 게시판으로 스킨 설정하고서 아이프레임으로 게시판 글 쓰기를 완료 한 후, 목록을 보면 썸네일이 출력 되지 않는데 정상 동작인지요? 별도로 설정을 해야 하는지 문의 드립니다...

     

    스크린샷 2024-04-20 021809.png

  • ? ?
    라이믹스 몇버전이신가요?
  • ? profile

    간단 매뉴얼에 유투브 사용법을 작성안했네요.
    죄송합니다. 
    아무이름으로 확장변수 하나 만드시고.
    유투브 주소 중 아이디값만 확장변수에 입력해 주세요.

    썸네일은 자동으로 가져 옵니다.

    1.PNG

  • ?

    블로그 형식에서 목록수(20)보다 카테고리수(30)가 많으면 다른 카테고리가 열리지 않고 제일 마지막글의 하단의 Next도 다른 게시판의 제목을 출력합니다.

  • ? profile

    - 블로그 게시판은 1페이지만 출력되는 게시판입니다.
    - 강좌나 매뉴얼 등에 사용하려고 만든 게시판입니다.
    - 카테고리를 목차로 사용할 수 있게 카테고리 별로 목록이 출력됩니다.
    - 글 목록 수는 100개 정도? 해서 한페이지에 다 볼 수 있게
    - 요런 용도 입니다.

    간단 매뉴얼 링크를 다시 보니 설명이 헤갈리수도 있겠네요.
    그리고 게시판 형식 제목도 잘못 정한 듯 하구요.
    다음 버전에는 "매뉴얼/강좌"? 같은 걸로 해야겠습니다.

  • ?

    멋진 자료네요^^ 감사히 잘 사용하겠습니다.
    게시판 본문에 유튜브영상이 들어있는 경우 아래처럼 로딩화면이 오래 지속됩니다.
    일반게시물은 그런 현상이 없습니다.
    저만 그럴수도 있겠습니다만 시간되실 때 한번 체크해 주시면 감사하겠습니다.
     

    q1.png

  • ? profile
    저는 "유투브 영상 > 공유 > 퍼가기 > 소스 복사 > 게시판 붙혀 넣기"로
    문제 없이 페이지 보입니다.
    https://www.orangeday.kr/index.php?mid=board5&document_srl=579
    혹시나 해서 아주 긴 영상도 넣어 봤는데도 문제는 없네요.
    어떤 방식으로 영상 링크 거신 건지 알려주시면 테스트 해 보겠습니다.
  • ?

    멋있어요!!

    라이믹스 2.1.13부터 지원되는건가요?

     

    XE는 안되죠?

  • ? profile
    초기 버전은 XE랑 라이믹스 둘다 테스트하면서 제작했었는데
    아무래도 취미생활이다 보니 둘다 하기는 벅차서, 그냥 라이믹스만 하게 되었습니다.
    죄송합니다.
    ps 아마도 되지 않을까요?
  • profile ?
    XE로만 했는데 전부다 깨져서요

    그리고 라이믹스 2.0.20 버전은 돌아가나요? 2.1.13버전이 설치가안되서요 ㅠ
  • ? ?
    2.0.16 버전에선 돌아가긴 합니다
  • profile
    멋지네요
    어썸리스트에 추가했습니다. https://github.com/rhymix-guide/awesome-rhymix
  • profile
    좋은 자료 공유해주셔서 감사합니다.
    수정버전 올라오자마자 설치하여 셋팅중입니다.
    로고이미지에 svg 사용 추천이 있는데 업로드가 안됩니다.
    제가 사용 미숙인가요?
  • profile profile
    Rhymix 2.1.13 버전 부터 지원 하는걸로 알고 있습니다.
  • profile profile
    Rhymix 2.1.14 버전 사용중인데 svg 파일 첨부시 아무런 반응이 없습니다.
    png 파일 첨부시에는 정상적으로 동작합니다.
  • ?
    멋진 작품을 보는 것 같습니다.
    감사합니다.

    layout.html 에서 <li id="ol_right" class="content">///{$_SERVER['HTTP_SEC_FETCH_DEST']}/// 로 수정하면 "///document///"가 찍힙니다.
    그래도 본문 home.html이 출력이 되질 않습니다.

    <!--@if($_is_indexmodule && $oi->use_index == 'yes')--><!--@if($act != 'IS')-->
    <include target="home.html" />
    <!--@end--><!--@end-->

    $_is_indexmodule && 를 제거하면 출력이 정상적으로 됩니다.
    근데 이게 뭐 하는 거죠?
  • ? profile
    상단에 있는
    $_is_indexmodule = ($site_module_info->module_srl === $current_module_info->module_srl)
    로 메인페이지인지 아닌지 체크 하는 장치입니다.
    $site_module_info->module_srl > 메인페이지 번호
    $current_module_info->module_srl > 현재있는 페이지 번호
    둘 번호가 같은 메인일때 만 home.html이 출력되는 거죠.
  • profile ?

    메인이 아닌 경우에 home.html을 출력 할려면 $_is_indexmodule && 이 부분을 지우면 되네요
    감사합니다.

    한 가지 불편한 점이 방명록 에서 댓글을 작성하고 리스트로 나오면 작성한 댓글이 보이지 않고 리프레쉬 해야만 보이네요.

  • profile
    어마어마합니다 ..감사합니다 ㅎㅎ
  • profile
    어마어마하네요^^.
    감사합니다
  • profile
    엄청난 퀄리티네요. 최근 본 테마들 중에 가장 완성도가 높네요.
  • profile

    아그리고 어려운 부탁이지만 새로고침 없는 추천 취소 비추천 취소 스크랩 하기 스크랩취소기능 제공되면 좋을것 같습니다!!

  • profile profile
    확인해 보니 글읽기 클릭시 레이아웃이 깨져서
    몇몇 js를 불러오지 못하고 있습니다.
    그래서 iframeBg4Click 도 위로 올라온거구요.
    이유를 찾으면 다시 돌아 올께요.
  • profile profile

    제가 아직 등급이 안돼서 쪽지를 못 보내네요.

    죄송하지만 
    레이아웃 : layout.html 에서
    <li id="ol_right" class="content"> 을 찾아서 
    <li id="ol_right" class="content">///{$_SERVER['HTTP_SEC_FETCH_DEST']}/// 로 수정한 다음

    결과값을 알려주실수 있을까요?

    ssl 설정에 따라 요부분이 작동이 안될수 있다고 해서요.

    결과값으로 아래와 같이 "///document///"가 찍히는지 확인 부탁드릴께요.

     

    8888.PNG

  • profile profile
    집가서 테스트 해보고 결과 바로 공유 드리겠습니다!!
  • profile profile

    SSL 미사용 중이며 

    1111111.JPG

    로 나오지 않네요.

  • profile

    그리고 회원가입 정보를 다작성하고 회원가입 버튼을 클릭해도 아무 반응이 없습니다.

    이거 아무래도 7.4에서는 지원이 안되는게 아닐까 조심스레 생각해봅니다.

  • profile profile
    확인했습니다.
    감사합니다.
  • profile
    글 읽기화면에서 목록사용하면
    글 읽기화면에서 아래에 뜨는 목록은 클릭이 안됩니다.
  • profile profile
    사이트 주소 남겨주시면 한번 봐 볼께요.
    주소 공개가 곤란하시면 쪽지로 알려주세요.
    나머지 수정사항이 필요한 부분이 있으면 쭉 남겨 주세요.
    한번에 다 확인 해고 수정해 볼께요.
  • profile profile

    <div class="iframeBg4Click"></div> 라는 div가 클릭을 막고 있는것 같네요.

     

    php7.4 이고 라이믹스는 dev 버전입니다.

  • profile
    게시판 유형 변경버튼 사용함을 눌러도
    게시판 유형 변경 가능한버튼이 나오지 않습니다.
  • profile profile
    오른쪽 상단 구석에 톱니바퀴 안 보이실까요?
  • profile profile
    넵 주소쪽지로 드린것 처럼 보이지 않습니다.
  • profile

    시작메뉴가 게시판으로 설정되어있으면

    아래와같이 좌측메뉴와 설정화면이 딱달라 붙습니다.

    1.PNG

     

     

    게시판명이 Notice 임에도 불구하고

    이렇게 제목이 나오지 않습니다.

    3.PNG

     

    이건 제목이 정상적으로 나오는 모습

     

    2.PNG

     

    의도치 않았지만 ㅋㅋ 너무 좋아서 블로그 하나 개설해야겠네요.

  • profile profile
    게시판이 메인으로 오는 경우는 생각 못했네요.
    어쩐지 올리면서 짐짐하더라니.....
    수정되는데로 올려드릴께요 ^^
  • profile profile
    감사합니다!
  • profile
    혹시 글 읽기 화면에서도 왼쪽 레이아웃 그대로 살리고 싶으면 어떻게 해야할까요?
  • profile
    이게 무료라니...
  • ?
    정말 감사합니다. !! 진짜 마음에 듭니다 와...장난 아닙니다!!!
  • profile
    첫눈에 눈이 휘둥그레졌던 그 테마!!!
  • profile
    와 이게 무료라니 잘화용하겠습니다.
  • profile

    워메.. 드디어 배포하셨군요...

    레이아웃에, 게시판스킨에, 멤버에,.. 이거 완전 테마네요..

    퀄리티 장난 아니네요~~
    감사합니다!!!!

목록