질문/공유공개자료실 "스킨"
스킨

스케치북 스타일 "알림센터" 모듈 스킨

윤삼
추천 수 5 댓글 48
Extra Form
자료 소개 스케치북 게시판 스킨 스타일로 알림센터 스킨을 보여줍니다.
설치 경로 ./modules/ncenterlite/skins/sketchbook_ncenter
테스트 환경 Rhymix 2.0
라이선스 GPL v2
의존 정보 스케치북 스타일 "회원" 모듈 스킨 0.0.4 (20230105) 이상이 설치되어 있어야 본 스킨도 작동할 수 있습니다.
https://xetown.com/download/1733182
크게 작게 위로 아래로 댓글로 가기
이름 버전 날짜 다운수
sketchbook_ncenter_bottom.0.0.2.zip 0.0.2 2023-01-05 1,155
sketchbook_ncenter_bottom.0.0.1.zip 0.0.1 2023-01-05 1,099
sketchbook_ncenter.0.0.1.zip 0.0.1 2023-01-05 1,107

자료 소개

- 스케치북 게시판 스킨의 스타일로 알림센터 모듈의 회원메뉴탭과 페이지를 꾸며주는 스킨입니다.

- 알림 목록, 알림 차단 콘텐츠(수신 거부 리스트), 알림 설정 등의 페이지가 작업되어 있습니다.

- 단, 기본 스킨의 알림 메시지의 경우 스케치북 스타일과 큰 위화감이 없기 때문에 해당 스타일을 그대로 유지합니다. 따라서 업로드하는 자료 역시 우측 하단에 알림을 띄워주는 스킨을 함께 동봉했습니다.

 

사용법

- 스케치북 스타일 회원 모듈 스킨 0.0.4(20230105) 이상의 버전이 설치되어 있어야 정상 작동합니다.

- 기본 스킨의 기능을 계승하되, 알림 목록의 경우 항목 체크를 통해 알림을 읽음 표시 및 안 읽음 표시가 가능하도록 했습니다.

- 또한 알림 목록과 알림 차단 콘텐츠(수신 거부 리스트) 페이지에서 알림 설정 폼을 모달 요소로 불러올 수도 있습니다.

 

주요 스크린샷 (가로 640px 기준)

 

- 알림 목록 : 기존에 공개했던 회원 스킨, 커뮤니케이션 스킨과 일관성을 유지하고 있습니다.

00.png

 

 

- 알림 목록 : 체크박스 체크를 통해 선택한 알림을 읽음/안읽음 표시를 할 수 있습니다.

01.png

 

 

- 수신 거부 리스트 : 알림 수신이 차단된 콘텐츠 목록을 보여주는 페이지입니다.

03.png

 

 

- 알림 설정 : 알림 목록 페이지와 알림 방지 콘텐츠 페이지 상단 우측의 '알림 설정' 버튼을 클릭하면 이렇게 모달창이 뜹니다.

04.png

 

 

- 알림 설정 : 물론 별도의 페이지를 통해 알림 설정을 할 수도 있습니다.

05.png

제작자 윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
위로 아래로
댓글 48
  • profile
    정말 이쁜 스킨이에요 삭막한 페이지를 덕분에 이쁘게 꾸밀수 있었어요!
    추천 글/ 댓글도 기대할께요!
  • profile profile
    포인트 히스토리와 추천 글/댓글까지 일단 작업은 마친 상태인데요.
    체계적인 설계 없이 시리즈로 내놓다보니 코드가 약간 중구난방 느낌이어서ㅜ 회원 스킨, 커뮤니케이션 스킨, 알림센터 스킨까지 모두 포함해서 좀 다듬어볼 예정입니다.
    그렇게 해서 회원메뉴 스킨 테마? 암튼 패키지 형식으로 하나로 묶어서 공개하면 어떨까 싶어요.
  • profile profile
    패키지로 묶어서 공개하신다니 대박이군요.
    응원하겠습니다. 윤삼님 덕분에 멋지게 꾸밀수 있을거 같아서 기대중입니다!
  • profile
    깔끔하고 유용한 스킨을 추가로 공개해 주셔서 대단히 고맙습니다.
  • profile

    또 기능을 보다가 느낀건데(사실 이스킨이 아니였다면 있는지도 몰랐던 기능입니다.)

    알림 방지 콘텐츠 이거는 알림 목록에서 if 게시물일때 해당 글 알림 끄기 버튼이 생기면 금상첨화일것 같습니다.

     

    뭔가 코어측에서 알림 수신거부 하고 켜는게 뭔가 직관적이지 않고 부자연스럽게 구성되어있네요.

    (일거리를 자꾸 말로만 늘어놓아서 죄송합니다.)

  • profile profile
    흐흐흐흐 스킨에서 거기까지 될지는 잘 모르겠어요;;;;
  • profile profile

    네 아무래도 코어에서 관여하고있을것 같습니다.
    그래도 뭔가 팝업창으로 뜨는것이니 저도 한번 연구해보겠습니다.!!

    감사합니다.

     

    /ncenterlite/notififcations/unsubscribe/add?target_srl=603&unsubscribe_type=document

    이 차단하는 팝업이고

    /603/comment/635#comment_635

    이 알림 링크 주소이니 가능할것도 같은데

     

     

    target_srl=603 파라미터값만 훔쳐오는게 가능하면 되겠네요.

     

    스킨에서는 말씀하신것처럼 $args->target_url = getNotEncodedUrl('', 'mid', $module_info->mid, 'document_srl', $obj->document_srl);

     

    이런게 가지고 와지는지 모르겠네요.

  • profile

    이번 스킨 또한 아주 만족스럽습니다.

     

    그래도 조금 더 기능적인 요청사항이 있다면

     

    1. 리스트에서 읽음 확인 란의 읽음 안 읽음을 클릭하면 
    읽음 혹은 안 읽음으로 바뀌면 좋을것 같습니다. (현재는 체크박스로만 작동하는것으로 보여짐)

     

    2.

    제거.PNG

     

    사실상 저기 레이어 팝업에서도 충분히 기능이 구현되는데 굳이 알림설정이 회원 메뉴에까지 들어가있어야 하나?

    라는 생각이 들었습니다.

     

    웬지 코어에서 관리되고있을것 같긴한데 상단의 알림 설정을 제거해버리는 방법이 있으면 좋을 것 같습니다.

  • profile profile

    1. 긍정적으로 생각해보겠습니다 :D
    2. 그 부분은 __header.html을 통해 "스케치북 스타일 시리즈에서는" 뺄 수가 있긴 합니다. 95행쯤에 unset($logged_info->menu_list['dispNcenterliteUserConfig']); 라고 삽입해보세요. 다만 스케치북 스타일을 사용하지 않는 다른 페이지들에서는 노출될 수가 있어요.

    ... 사실은 알림센터 쪽 회원메뉴탭을 간소화하기 위해 페이지 구성을 미리 짜놓은 거랍니다ㅎㅎ

  • profile profile

    2번 완전 잘작동합니다! 감사합니다.
    긍정적인 생각 감사합니다!!

    미리 짜두셨다면 차후엔 설정으로 제어가 가능해 지겠네요!!ㅎㅎ 기대됩니다.

  • profile

    읽음 표시 안읽음 표시 체크박스 기능이 작동하지 않는것 같습니다.

  • profile profile
    우측 하단용(bottom) 스킨을 쓰신다고 했죠?
    거기에 폴더가 누락되어 있었습니다ㅜ
    새 압축 파일 올렸어요~
  • profile profile
    빛 보다 빠른 피드백 감사합니다.
    이상하네요.
    하단용과 기본 모두 작동하지 않고
    새로 받은 2번 스킨 또한 작동하지 않습니다.
  • profile profile
    스킨들을 섞어쓰시기도 해서... 어떤 점 때문에 안 되는 것인지 감이 안 잡히네요;;;
  • profile profile

    아닙니다
    스킨 섞어쓴것에서도 증상이 발생했고 섞어 쓰지 않은 기본 스킨에서 발생합니다.(우 하단, 및 기본)
    라이믹스는 거의 순정상태인것에서 테스트 했습니다.

    사이트 테스트 해보고싶으시면 제가 쪽지로 주소 전달 드려보겠습니다!

  • profile profile
    js 충돌 징후는 안 보였나요?
    (지난번에 제가 그랬듯이) 여기 게시판에서는 댓글로 첨부된 파일은 다운로드가 안 되더라구요;;;
  • profile profile
    http://www.nug.kr/board/603
    해당 파일 다운로드 하여서 영상 봐주실 수 있을까요?
  • profile profile
    테스트용 계정으로 해당 사이트 가입했습니다. 알림 목록 테스트해볼 수 있도록 그쪽으로 답쪽지 부탁드려요.
  • profile profile
    lib 폴더는 잘 깔린 거 맞죠? 그 안 php 파일의 권한설정이라든가...
    암튼 500 에러가 나는데 에러로그가 확보되어야 할 듯합니다.
  • profile profile

    감이 좀 잡혔습니다.
    NotifyList.html 파일 안에서 php 파일이 bottom 스킨이 아니라 일반 스킨의 경로로 지정되어 있어서 그런 것 같아요.
    30행
    <form action="/modules/ncenterlite/skins/sketchbook_ncenter_bottom/lib/selected_notify_manage.php" method="post" id="fo_notify_list" class="notify_list">
    으로 해보시죠.

  • profile profile
    증상 동일하네요.
    현재 코드에 적용되어 있는 상태입니다
  • profile profile
    ??? 저기 점이 빠져 있네요?
    에디터에서 입력할 때는 분명 ./modules라고 했는데, 댓글 본문 출력할 때는 /modules.....
    아까 소스에 점 좀 찍어봐주세요.
  • profile profile
    항상감사합니다!

    <form action="/modules/ncenterlite/skins/sketchbook_ncenter_bottom/lib/selected_notify_manage.php" method="post" id="fo_notify_list" class="notify_list">

    로 적용했습니다. 증상동일한것 같습니다. 캐시라도 비워보겠습니다.
  • profile profile
    에러로그 좀 공유해주세요!
  • profile profile

    [Thu Jan 05 21:21:15.718684 2023] [php7:error] [pid 18229] [client 아이피:49850] PHP Parse error: syntax error, unexpected '...' (T_ELLIPSIS), expecting ']' in /home/사이트/www/modules/ncenterlite/skins/sketchbook_ncenter_bottom/lib/selected_notify_manage.php on line 35, referer: http://www.사이트.kr/board/notifications

     

    아까 테스트 사이트에서 에러로그가 발생하고 있었네요. 

  • profile profile
    혹시 php 버전이 어떻게 되실까요?
  • profile profile

    PHP Version 7.2.34 입니다!

     

    https://stackoverflow.com/questions/71753141/parse-error-syntax-error-unexpected-t-ellipsis-while-merging-two-array

    관련 에러 검색하면 이런글이 보이네요.

     

    저도 얼른 7.4로 가야겠네요... ㅠㅠ 죄송합니다.

  • profile profile
    네ㅜㅜ 제가 다른 곳에서 썼던 문법을 괜히 여기서도 적용을 한 탓도 큽니다ㅜㅜ

    35행을
    $cond_args = array_merge($cond_args, $notify_list);
    으로 바꿔보세요.
  • profile profile

    아주 잘 작동됩니다!!! 감사합니다.

    php7.4 올림도 오늘 진행해봐야겠네요. 

     

    읽은 쪽지를 안읽은척 모두 안읽음으로 바꾸고난이 후

    알림 센터의 알림을 하나 읽거나 새알림이 작성되어야지

    갯수가 다시 늘어나는 증상이 있긴하네요.

     

    이벤트가 발생하지 않으면 기존 갯수가 그대로 보이는 증상입니다.

     

  • profile profile

    캐시 갱신을 안 시켜서 그럴 거예요.
    selected_notify_manage.php 파일 42행쯤에

    ncenterliteController::removeFlagFile($member_srl);
    을 넣어보세요.

  • profile profile

    페이지 이동하면 귀신같이 바로 작동합니다!! 감사합니다!!

    아까 스킨 합친것도 아주 잘작동합니다. 

    lib 폴더 경로를 합친스킨 폴더명으로 바꿔주었습니다. (먼 미래에 모르고 다른 스킨폴더를지울 수 있으니) 

  • profile profile
    휴.. 저는 이제 분리수거하고 씻고 자야겠습니다.
    광란의 저녁이었어요ㅋㅋㅋㅋㅋ
  • profile profile

    고생하셨습니다!
    리얼타임으로 봐주셔서 감사합니다. ㅠㅠ 폐를 많이 끼쳤습니다.

    항상 감사드립니다.

     

    윤삼님 덕분에 PHP Version 7.4.33 로 업그레이드 까지 완료했습니다!! ㅎㅎ

     

    괜시리 잘 업그레이드 되었나 볼겸

    수정 전 $cond_args = [...$cond_args, ...$notify_list]; 으로 되어있던 소스로 적용해보니 해보니 잘되네요! 

    편안한 저녁 되십시오!

  • profile profile
    https://xetown.com/contact/1736032
    이번에 개선 되었다고합니다! ㅎㅎ 담부턴 댓글로 첨부 시도 해보겠습니다.
  • profile profile
    ㅎㅎㅎ 감사합니다!!
  • profile

    아 그리고 혹시 알림 스킨만 다른 것 적용하는 기능이 있으면 좋을 것 같습니다.

    회원메뉴 기능은 이 스케치북을 꼭 쓰고싶어서
    bottom 스킨으로 적용을 했지만 아무래도 rxp_circulator 이만한 디자인이 없는 것 같아서요.
    게을러서 새로 디자인 하기는 또 싫고 죄송합니다 ㅎㅎ

  • profile profile
    rxp_circulator 스킨 안에 이 스킨의
    NotifyList.html
    unsubscribe.html
    unsubscribeList.html
    userconfig.html
    이렇게 4개 파일만 덮어써보세요.
    (혹시 모르니 백업 필수!!)

    또는 반대로 이 스킨 안에 위의 네 가지 파일 외에 다른 모든 파일들을 덮어써봐도 될 것 같고요.
    될지 안될지는 잘 모르겠습니다.
  • profile profile

    알림설정의 CSS를 못가지고 오긴하지만 잘 작동합니다!! 감사합니다~

    CSS는 개별로 가지고와서 써야겠네요. ㅎㅎ

     

    캡처1.PNG

    캡처2.PNG

    더 확인 해보니 올려주신 스킨에서도 CSS가 안불러 와지네요

    기본 컬러셋 설정 셀렉트박스에 아무것도 나오지 않습니다.

     

    우하단은 아이콘안뜨고

    기본 시큰버전은 아이콘은 또 뜨긴뜹니다.

    어썸이 안불러와지거나

     

    캡처3.PNG

    이부분이 누락되는것 같습니다.

  • profile profile

    서로 다른 스킨을 섞어쓰는 게 리스크가 크죠.
    그나저나 회원 스킨 버전업은 하신 거죠? 0.0.4 필수!

  • profile profile
    아, 이 스킨에 포함되어 있는 get 폴더, lib 폴더도 옮겨와야 합니다
  • profile profile

    캡처4.PNG

     

    개조버전아닌 오리지널 버전이 CSS를 못불러옵니다.

    폰트어썸은 불러오는데

     

    이렇게 오리지널 우측하단 알림 버전은 폰트어썸도 못불러오네요.

     

    캡처3.PNG

  • profile profile
    회원 스킨을 0.0.4로 버전업 안 하신 거 아닌가요?
  • profile profile

    앗 죄송합니다.

    오늘 새패치가 올라왔었네요 ㅠㅠ
    적용하니 예쁘게 잘뜹니다.!!!!

    제대로 하지도 않고 ㅠㅠ 번거롭게 해드려 대단히 죄송합니다. 

     

    완벽.PNG.jpg

     

    아까 말씀 주신 4개 파일 덮어씌운 스킨에서도 정말 잘 작동합니다.
    너무나 감사드립니다.

  • profile
    완전 보물상자네요 감사합니다!! 퇴근하고 적용시켜볼게요.
  • profile profile
    이제 포인트히스토리, 추천 글/댓글 정도 남았네요ㅎㅎ
  • profile profile

    그외 기타 등등에도 셀프로 상단바 동일하게 적용하는 팁한번 적어주시면 감사드리겠습니다. (일관성을위해)
    /modules/member/skins/sketchbook_member 헤더 __header.html 예를 어찌 저찌 가져오면 될것 같긴한데 ㅎㅎ
    연구도 안해보고 댓글부터 적어버리는 저란놈 ㅠㅠ

  • profile profile
    include를 경로에 맞춰 해보면 어떨까요?
    근데 css 충돌 같은 문제는 감수해야 할 겁니다~
  • profile profile

    <include target="../../../member/skins/sketchbook_member/__header.html" />


    <include target="../../../member/skins/sketchbook_member/_footer.html" />
    올려주신 파일 참고해서 스티커 모듈 위에 이거 붙여넣으니 아주 잘작동하네요.
    감사합니다.

목록