RM 자료

첨부파일 외부 저장소 이동

2026-07-27T21:36:50+09:00

모듈 명 : 첨부파일 외부 저장소 이동

소개 : 첨부파일을 S3 호환 오브젝트 스토리지 또는 FTP로 자동 이동시켜 서버 용량을 절감하는 모듈

설치경로 : ./modules/bsplus_external_storage

라이믹스 버전 : 2.1 ~ 2.1.35

PHP 버전 : 7.4 ~ 8.x

========== 개발환경 ==========

php : 7.4 라이믹스버전 : 2.1.35

=================== 패치 현황 =========================

v2.1.0 까지의 기능 미리보기

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

본 모듈은 무료로 배포되며, GPLv2 라이선스를 따릅니다.
소스코드가 그대로 공개되어 있으며, 사용/설치에 따른 문제(파일 손실, 서버 오류 등)에 대해 개발자는 법적 책임을 지지 않습니다. (LICENSE 파일 참고)

첨부파일을 실제로 다른 저장소로 옮기고 지우는 기능이 포함되어 있으니, 실 서비스 게시판에 바로 적용하기보다는 테스트 게시판에서 먼저 동작을 확인해보신 후 적용하시는 걸 권장드립니다. (원격 저장 성공이 확인된 파일만 로컬에서 지우도록 설계되어 있어, 설정 실수가 있어도 파일이 아예 사라지는 경우는 없도록 만들었습니다.)

버그 제보나 개선 의견은 언제든 환영합니다. 다만 개인적으로 관리하는 무료 모듈이다 보니 답변/수정이 늦어질 수 있는 점 양해 부탁드립니다.

쇼핑몰 모듈

2026-06-13T13:17:20+09:00

완성도 높은 쇼핑몰 모듈이 될 수 있도록 많은 피드백 부탁드립니다.

https://ddgglabs.org/ddggshop1 에서 쇼핑몰 모듈을 체험하실 수 있습니다.

현재 토스페이먼츠와 무통장입금 결제방식만 지원하나, 추후 확장 가능하도록 설계되어있고. 업데이트 예정입니다.

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

ver 1.1.3(2026.06.12)

- 쇼핑몰 인스턴스가 생성되기전, 구버전 콘솔이 뜨는 오류 및 파일첨부 오류 해결

ver 1.1.1(2026.06.12)

- 관리자 주문 통계 페이지 +엑셀 export

- 적립금(포인트) 사용기능 추가

- 주문 알림

- 배송 추적(배송조회 링크)

- 상품 엑셀 일괄관리 기능 추가

- 회원 등급별 적립률 기능 추가

- 쿠폰 자동발급 + 쿠폰함

- 토스페이먼츠 결제 안정성강화

- 위시리스트(찜), 연관상품, 포토리뷰 기능추가

ver 1.0.0 (2026.06.12)

- 별도 레이아웃 관리자 콘솔 구성

- 회원공개 폐쇄몰 기능

- 도서산간등 배송비 커스텀 및 상품별 배송비설정 기능

- 쿠폰기능추가

- 컬러셋 커스텀가능

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

핵심 기능

- 상품 & 옵션 관리

색상·사이즈 등 조합형 옵션을 자유롭게 구성하고 조합별 재고·추가금액까지 관리. 대표/추가 이미지 첨부와 상세 에디터를 지원합니다.

- 간편한 결제

토스페이먼츠 카드결제와 무통장입금을 기본 제공. 추후 이니시스, KCP 확장예정

- 다단계 카테고리

최대 3단계 계층형 카테고리. 헤더 hover 메뉴와 상품목록 좌측 필터로 고객이 원하는 상품을 빠르게 찾습니다.

- 리뷰 & 상품문의

별점 리뷰와 비밀글 가능한 1:1 상품문의(Q&A). 판매자 답변까지 관리자에서 한 번에 처리합니다.

- 반응형 지원

모바일 햄버거 메뉴·필터 오버레이·검색까지 모바일 UX 최적화. 회원은 모달 로그인으로 끊김 없이 구매합니다.

관리자

대시보드 — 매출·신규주문·품절 현황 요약
주문 관리 — 기간·상태·결제수단 필터, 송장 입력, 입금 확인, 주문 취소·환불
상품 관리 — 계단식 카테고리 선택, 옵션 조합 생성, 태그·배너 설정
쇼핑몰 설정 — 홈 화면·결제·배송·기타(로고/적립률)까지 탭으로 한 곳에

관리자 대시보드

상품관리 페이지

쇼핑몰 홈

상품 상세페이지

장바구니

모바일 반응형

구충제 모듈 v2

2025-11-06T19:07:07+09:00

ALL-BAN-dazole

anti-parasite module for Rhymix

귀중한 서버 자원과 트래픽을 쪽쪽 빨아먹는 기생충 같은 로봇들을 차단합니다.

~~암 예방에 도움이 될지도 모릅니다.~~

1. 널리 알려진 불량 로봇 user-agent 목록이 기본 적재되어 있습니다.

불량 로봇으로 간주하는 기준은

1) 검색 노출을 통한 방문자 유입, SNS 공유, 광고 수익 등 명백한 혜택을 주지 않으면서

2) 운영자의 동의 없이 국내 홈페이지를 대량으로 크롤링하여

3) 서버 부하 증가, 해외 트래픽 요금 등의 피해를 입힌 이력이 있는 user-agent 또는 IP 대역입니다.

통계 작성이나 마케팅을 위한 데이터 수집, AI 학습 데이터 수집은 대부분 해당됩니다. (만약 특정 업체의 크롤링에 동의하셨다면 해당 user-agent나 IP 대역을 목록에서 제외하세요.)

물론 .htaccess나 서버 설정으로 차단하는 것이 훨씬 더 효율적이겠지만, 웹호스팅에서는 서버 설정을 임의로 수정하기도 어렵고, .htaccess를 수정하면 코어 업데이트시 덮어씌워질 수 있으므로 좀더 관리하기 편한 방법을 제공합니다. User-agent 목록을 수정하실 경우, 정상적인 방문자를 차단하지 않도록 조심하세요.

2. 해외 접속을 국가별로 통제할 수 있습니다.

(스크린샷은 예시이며, 해당 국가들을 차단하라는 뜻이 아닙니다.)

위의 1번과 같은 user-agent 기반의 AI 봇 차단이 보편화되면서, 최근에는 일반 브라우저로 user-agent를 위장한 채 다수의 IP에서 무작위로 접속하여 서버 부하를 일으키고 해외 트래픽을 유발하는 AI 봇이 늘어나고 있습니다. 어느 나라 IP가 많이 등장하는지는 그때그때 다릅니다. 중국일 때도 있고 브라질일 때도 있고... 그렇다고 해외 접속을 모두 차단하면 해외 회원들이 불편을 겪는 것은 물론, 구글 노출과 광고에도 악영향이 있겠지요?

그래서 구충제 모듈 v2부터는 해외 특정 국가에서 접속할 경우 클라우드플레어처럼 캡챠를 표시하거나, 로그인을 강제하도록 설정할 수 있도록 개선했습니다. 즉, 특정 국가에서만 회원제 사이트로 전환하는 효과를 얻을 수 있습니다.

Googlebot, bingbot, facebookexternalhit 등 널리 알려진 검색로봇이나 SNS 공유 로봇은 예외처리할 수 있습니다.

3. 클라우드 서버 IP를 차단할 수 있습니다.

(스크린샷은 예시이며, 해당 업체들을 차단하라는 뜻이 아닙니다.)

국내외 클라우드의 VPS나 서버리스 상품을 사용하여 다수의 IP를 돌려쓰며 무단 크롤링하는 봇을 일괄 차단할 수 있습니다. 개발자를 위한 API 서비스를 운영하지 않는 사이트라면, 클라우드 서버 IP를 통한 접속은 대부분 봇이라고 가정해도 무방합니다.

아마존이나 구글처럼 자사의 클라우드 서비스에 사용하는 IP 대역 목록을 공식적으로 제공하는 업체는 그 정보를 활용하여 차단하고, 그렇지 않은 업체는 ASN 단위로 차단합니다.

차단된 사용자에게는 아래와 같은 화면이 표시되며, 안내 문구는 커스터마이징할 수 있습니다. 이미 대부분의 사람들이 익숙해진 클라우드플레어의 주황색 안내 화면처럼, 해외 접속자분들은 이 화면에도 곧 익숙해지지 않을까 합니다.^^

4. 국가 및 클라우드 IP 대역 DB를 제공합니다.

국가나 기업이 사용하는 IP 대역은 종종 변경될 수 있으므로, 구충제 모듈이 사용하는 IP 대역 DB는 모듈과 별도로 종종 업데이트할 예정입니다. 한 달에 한 번 정도 IP 대역 업데이트 버튼을 클릭해 주시는 것을 추천합니다.

모든 차단 기능은 서버 부하와 트래픽을 최소화하는 방법으로 구현되어 있습니다. (차단 화면을 예쁘게 꾸밀 수도 있겠지만, 추천하지 않습니다.) 원치 않는 AI 봇을 차단하는 과정에서 오히려 더 많은 부하와 트래픽이 발생한다면 곤란하니까요.

작동 환경: 라이믹스 2.1.x (2024년 하반기 이후 릴리즈된 버전)

리액션 모듈 - 글, 댓글에 반응 남기기

2025-03-12T21:03:36+09:00

라이믹스의 글, 댓글에 다양한 반응을 남길 수 있는 기능을 제공하는 모듈입니다.

이모지(emoji), 움직이는 이미지 등 다양한 이코티콘을 추가할 수 있으며, 제공되는 템플릿 코드로 사용중인 게시판 스킨에 원하는 위치에 자유롭게 삽입할 수 있습니다.

아래는 오렌지데이즈 테마에 추가하여 적용한 예시입니다.

변경 내역

v1.0.3 (2025-03-12)
- Bug Fixes
  - 디버깅을 위해 사용한 코드 제거 (4989602)
v1.0.2 (2025-03-11)
- Bug Fixes
  - #3 리액션 popover를 표시할 때 포커스가 잘못 이동하는 문제 수정 (a51f9dc)
v1.0.1 (2025-03-11)
- Bug Fixes
  - #3 CSRF 토큰 사용 설정 시 문제 수정 (fba5cea)

🎉 이 모듈의 첫번째 버전입니다.

미처 발견하지 못한 오류가 있을 수 있으며, 기능이 정상적으로 동작하지 않을 수 있습니다.

발견한 문제는 댓글이나 https://github.com/damoang-users/rx-da_reaction 이슈를 남겨주시기 바랍니다.

👉 리액션 버튼 삽입 및 이모티콘 추가하기

게시판의 글, 댓글 하단에 리액션 버튼이 자동으로 삽입됩니다.

원하는 위치에 삽입하거나 버튼 구성을 변경할 수 있습니다.

자세한 설치 및 적용방법은 다음 문서를 확인해주세요.

https://damoang-users.github.io/rx-da_reaction/

👉 개발현황 살펴보기, 참여하기

https://github.com/orgs/damoang-users/projects/2

👉 이 기능은 다모앙(damoang.net) 커뮤니티의 회원들의 기여를 통해 개발된 오픈소스 프로그램입니다.

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

2024-04-30T19:40:30+09:00

야비아저씨님께서 공유해 주신 품질 좋은 레이아웃과 게시판스킨 기타등 입니다.

버전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

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

미리보기

https://www.orangeday.kr/

간단 매뉴얼

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

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

스크린샷

플레어레인을 이용한 웹푸시 모듈 1.1.0

2023-01-23T19:25:16+09:00

자료 소개	웹브라우저에서 푸시알림 지원을 해주는 모듈입니다.
설치 경로	/modules/jwebpush
테스트 환경	Rhymix 2.0
라이선스	GPL v2

라이믹스 가장 최근버전 Rhymix 2.0.24 기준입니다.

얼마전에 팁게시판에 팁으로 공유했던 기능을 모듈화해서 다시 공개자료실에 배포하게 되었습니다.
배포할거면 모듈화 하는게 어떻겠냐고 댓글을 주셔서

생각끝에 이쪽저쪽 참고하여 모듈로 만들었습니다.

아무래도 코어 수정을 하지 않도록 해야 할 것 같아서 간단하게나마 모듈제작까지 하게 되었네요.

(딱 알림에 필요한 코드만 집어넣었습니다.)

모듈로 만들어 배포까지 하게 된건 처음이라 수정사항이 있을 지는 모르겠습니다만

테스트한 바로는 잘 됩니다.
혹시 사용중 이상이 있거나 수정해야 할 부분이 있으면 언제든지 알려주세요.

그리고 팁게시판에 올린 글은 내용을 삭제해 놓겠습니다.

혹시라도 기존 팁을 보시고 적용하신 분들이 계시면 다음 순서대로 원상복구 후
본 모듈을 적용해주세요.

1. user_conf 모듈은 삭제해주세요.

2. ncenterlite.controller.php 에 끼워넣었던 코드(1146라인 쯤)도 삭제해주세요.(다른 코드를 삭제하지 않도록 주의)

이후에 본 모듈을 설치해주시면 됩니다.

------------------------

먼저 https://www.flarelane.com/ 에 접속 후
'무료로 시작하기'를 클릭합니다.
(유료 플랜도 있는데 접속자 규모가 크거나 여러 기능을 이용해야 하는 경우엔 유료로 해주시면 될것 같습니다.)

그럼 관리자 콘솔로 이동되는데 그곳에서 좌측 메뉴의 설정->프로젝트를 클릭하여 프로젝트를 생성해줍니다.
프로젝트가 생성되면 '프로젝트 ID'와 'APIKEY'를 받을 수 있습니다.

이후 좌측 메뉴에서 설정->채널을 클릭합니다.
그곳에서 채널관련 여러 설정들을 입력해줍니다.(기본설정/위젯설정/팝업설정-훑어보시면 알수 있을겁니다.)

첨부한 sw.js파일을 홈페이지의 루트경로(/)에 업로드해줍니다.

(예: https://도메인주소/sw.js)

첨부한 jwebpush폴더를 모듈(/modules)폴더에 업로드해줍니다.

레이아웃 파일의 가장 아래부분에 다음 코드를 붙여넣기합니다.(모바일 레이아웃이 별도로 있다면 그쪽에도 같이..)
("플레어 레인에서 받은 프로젝트 ID 입력") 부분은 수정해야합니다.(따옴표 안에 입력)

<script src="https://cdn.flarelane.com/WebSDK.js" charset="UTF-8"></script>
<script>
FlareLane.initialize({ projectId: "플레어 레인에서 받은 프로젝트 ID 입력" });
FlareLane.setUserId('{$logged_info->user_id}');
</script>

------------------------

설치할 부분은 여기까지입니다.

이후 관리자 페이지->설치된모듈->(F)웹푸시 모듈로 들어갑니다.
- (F)웹푸시모듈 사용 : 예

- 프로젝트 ID : 플레어레인에서 받은 '프로젝트 ID' 입력(플레어레인의 프로젝트 메뉴에 생성되어 있습니다.)
- APIKEY : 플레어레인에서 받은 'APIKEY' 입력

관리자페이지->설치된모듈->알림센터로 들어갑니다.
- 기본설정에서 웹알림 체크박스에 모두 체크를 해줍니다.

# iOS를 사용하는 기기에서는 아직 웹푸시 지원이 되지 않습니다.

2023년 중에 지원할 예정이라고는 합니다.
iOS까지 지원을 시작하게 되면 오직 알림이 필요해서 안드로이드/애플 앱을 만들게 되는

가성비 최악의 상황은 없어지겠네요. 갈수록 앱 승인받기도 엄청 까다로워지는 것 같던데...

수정사항

1.1.0

url 링크에서 http가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정

링크 프리뷰

2022-12-10T21:12:14+09:00

- CK에디터 안에서 링크 프리뷰 카드를 바로 삽입해줍니다.

- CK에디터 안에서 미디어 콘텐츠를 바로 임베드해줍니다.

0.0.4 업데이트

- 2022.11.30

- [프리뷰 카드] 자기 사이트의 url 링크에 대해서는 라이믹스 내장 함수를 이용하여 권한 체크를 하고 프리뷰 정보 수집 (마트몬님)

1. 설치 방법

- 첨부한 압축파일을 압축 해제하고 ./modules/preview 에 설치합니다.

- 파일 업로드 후 다음 페이지에 나오는 '1. 보안 설정', '2. CK에디터 플러그인 설치'를 따라합니다.

2. 모듈 설정

- 관리자 페이지의 고급 > 설치된 모듈 > 링크 프리뷰로 들어가서 설정값을 입력합니다.

1) 기본 설정

모듈 사용 : 아니오를 선택하면 모듈 전체가 실행되지 않습니다.
링크 텍스트 남기기 : 프리뷰 카드 및 임베디드 미디어와 함께 링크 텍스트를 남기거나 지울 수 있습니다.
링크 텍스트 꾸미기 : 링크 텍스트를 표시할 때 스타일을 줄 수 있습니다. 기본값은 <p>%text%</p>입니다. %text% 앞 뒤로 태그를 붙여 스타일을 꾸며보세요.
사용자 스크립트 : 스크립트 구문을 추가할 수 있습니다. script 태그 안에 들어갈 구문만 입력해주세요.

2) 프리뷰 카드 설정

프리뷰 카드 사용 : 링크 페이지 미리보기를 카드 형식으로 출력할 수 있습니다.
스킨 : 프리뷰 카드의 스킨을 선택합니다. 기본 스킨(default)이 제공됩니다.
외부접속 제한 시간 : 프리뷰를 위해 url의 서버와 연결할 최대 시간을 제한합니다.
입력된 도메인만 : 특정 도메인에 대해서만 프리뷰 카드 생성을 허용하거나 허용하지 않을 수 있습니다.
허용/제외할 도메인 : 프리뷰에서 허용 또는 제외할 도메인을 줄 단위로 입력합니다. (가급적 '허용' 옵션 선택을 권장합니다)
이미지 파일 첨부 : 링크 페이지의 대표 이미지를 파일로 저장할 수 있습니다.
파일 첨부 예외 도메인 : 이미지 파일 첨부 대상에서 제외할 도메인을 줄 단위로 입력합니다.
gif를 jpg로 : 링크 페이지의 대표 이미지가 "움직이는 gif" 파일일 경우 "jpg"로 변환하여 저장합니다.

3) 미디어 임베드 설정

미디어 임베드 사용 : 주요 미디어 콘텐츠들을 iframe 형태로 바로 삽입할 수 있습니다.
미디어 임베드 목록 : iframe으로 삽입할 미디어 콘텐츠들을 선별할 수 있습니다.

4) 게시판 공통 설정

선택한 모듈에서만 : 특정 모듈에서만 프리뷰와 임베드를 작동 또는 미작동시킬 수 있습니다.
모듈 목록 : 작동 또는 미작동시킬 모듈을 선택합니다.

3. 소소한 팁

./modules/preview/tpl/css 폴더에 custom.css 파일을 만들어 저장/업로드하면 자신만의 스타일로 프리뷰 카드와 미디어 임베드를 제어할 수 있습니다.
./modules/preview/skins 폴더에 프리뷰 카드 스킨 폴더를 만들어보세요. 기본 제공되는 $preview_info 변수를 활용해서 다양한 스타일을 꾸며볼 수 있습니다.
'프리뷰 카드 설정'에서 '입력된 도메인만' 항목에서는 '허용'을 선택하기를 권장합니다. 작지 않은 확률로 프리뷰를 위한 데이터 수집에 실패할 수 있기 때문입니다.

카테고리/확장변수 바로 수정 애드온 0.1.3

2022-04-14T08:44:10+09:00

https://xetown.com/download/1666779

어제 공개했던 '게시판 목록에서 확장변수 바로 수정 애드온'에 카테고리도 바로 수정이 가능하도록 업데이트를 했습니다.

0.0.1로 시작하긴 했지만 이번 0.1.3 버전으로 비로소 최종본 단계에 들어간 것 같습니다.

(오늘 하루에만 버전업을 세 번이나 했네요ㅜㅜ)

아울러 몇 가지 참고 사항도 정리를 해보고자 합니다.

기본으로 제공되는 애드온 스킨은 디자인 요소에 크게 신경을 쓰지 못했습니다. 다만 템플릿 형태로 스킨이 제공되니 커스터마이징해서 사용하거나 별도의 스킨을 만드실 수 있을 겁니다. 혹시라도 이 애드온을 게시판 스킨 개발에 적용하실 경우가 있다면 default 스킨을 참조하여 별도의 스킨을 통해 접근을 해주시면 좋을 것 같습니다.

기본 스킨에서 확장변수 수정은 새로고침 없이 이뤄지지만 카테고리 수정은 수정 직후 페이지 새로고침이 이뤄집니다. 카테고리의 document_count와 document 캐시를 수정하게 되는데, 그 결과를 게시판 스킨에서 바로 적용하기 위해서입니다.

1) 애드온에 템플릿 스킨이 제공되니, 이용하시는 분들은 스킨 안의 js 파일을 통해 새로고침을 실행하지 않도록 하실 수 있습니다. ... 이와 관련하여, 카테고리 수정시 새로운 결과값을 반환 받아 게시판 스킨에 바로 적용하실 수 있을 겁니다. 참고로 업데이트 후 기본 스킨의 default.js 기준으로 새로운 document_count는 다음과 같이 반환됩니다.

- 원래 카테고리의 새로운 document_count : data.category_list[data.old_category_srl].document_count
- 수정 카테고리의 새로운 document_count : data.category_list[data.category_srl].document_count

2) 또한 거꾸로 확장변수 수정시에도 새로고침을 실행하도록 하실 수 있을 겁니다. 이 또한 스킨의 js 파일을 통해 수정하실 수 있습니다.

똑띠님 팁

좋은 자료 잘 사용하고 있습니다. 편하고 정말 좋네요.
저는 목록 뿐만 아니라 읽기 페이지에서도 적용해서 사용하고 있습니다.

스케치북 기준 확장변수 출력되는 부분에서

<td cond="$val->eid!='rating'" onclick="showUpdateExtraModal(this, {$oDocument->document_srl}, {$val->idx})"|cond="$grant->manager && $use_extra_vars_update && $val->eid === $extra_keys_for_update[$val->idx]->eid" >{$val->getValueHTML()}</td>

목록하고, 읽기페이지하고 문서번호 가져오는 변수명이 다르다보니...혹시나 다른분들도 적용 하실려면 변수명만 변경해서 적용하시면 되겠네요.

목록페이지 : $document->document_srl
읽기페이지 : $oDocument->document_srl

윤삼님 Tip

카테고리/확장변수 바로 수정 애드온을 관리자뿐 아니라 작성자도 사용할 수 있게 하기

문하우스의 Tip

바로 업로드 애드온 0.0.2

2022-03-16T09:19:16+09:00

CKEditor에 외부의 멀티미디어 파일을 '드롭' 또는 '붙여넣기'하면 첨부 파일로 '바로 업로드' 시켜주는 애드온입니다.

그렇다고 모든 파일이 다 바로 업로드되는 건 아닙니다;;;

파일 드롭과 복사/붙여넣기, 두 경우에 따라 기능이 살짝 다릅니다.

매우 제한적인 환경(윈도우11, 크롬)에서 개발 및 테스트되었기 때문에 오류 가능성이 있을 수 있습니다. 폭넓은 양해와 적극적인 제보 부탁드립니다~

0.0.2 업데이트 (2022.03.14)

- 클립보드 이미지 붙여넣기 동작 추가

1. 파일 드롭

- [기본] 에디터 바깥의 웹브라우저 또는 파일브라우저의 이미지 파일 요소를 드래그해서 에디터 안에 드롭을 하면 작동합니다.

- [선택] 파일브라우저의 비디오 파일도 드롭할 때 바로 첨부합니다. (mp4, webm, ogv)

- [선택] 파일브라우저의 오디오 파일도 드롭할 때 바로 첨부합니다. (mp3, wav, ogg, flac, aac)

- [선택] 파일브라우저의 기타 일반 파일들도 드롭할 때 바로 첨부합니다.

2. 붙여넣기

- [기본] 웹상에서 이미지가 포함된 html요소를 복사해서 붙여넣으면 포함된 이미지가 첨부 파일로 바로 업로드됩니다.

- [선택] 움짤 gif 파일의 경우 첨부를 하지 않을 수 있습니다.
- [선택] 이미지 url만 복붙을 하더라도 바로 첨부합니다. (단, 복사된 url주소에 파일 확장자가 명시되어 있어야 합니다)

미디어 임베드 애드온

2022-01-07T17:05:53+09:00

0.4.0 업데이트 (21-06-26)

- 업데이트 내용은 여기를 참조

- 0.4.0부터는 프로알라 에디터에 대한 지원이 포함되지 않습니다. 업로드된 파일에 프로알라 에디터 부분이 있기는 하지만, 그 기능은 0.3 버전과 다르지 않습니다.

1. 소개

CK에디터에 주요 미디어의 url 링크를 붙여넣으면 바로 임베드시켜주는 애드온입니다.

라이믹스 2.0.12
PHP 7.4
크롬 버전 89.0.4389.114(공식 빌드) (64비트)
CK에디터4(라이믹스 내장)

등의 환경에서 테스트되었습니다.

따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다.

2. 설정

또한 원활한 임베딩을 위해 관리자 페이지에서 다음과 같은 설정이 필요합니다.

1. 설정 > 시스템 설정 > 보안 설정 > iframe에 다음을 추가

 m.afreecatv.com player.audiop.naver.com codepen.io www.dailymotion.com www.facebook.com www.imdb.com www.instagram.com jsfiddle.net tv.kakao.com tv.naver.com prezi.com www.redditmedia.com www.slideshare.net w.soundcloud.com open.spotify.com embed.ted.com www.tiktok.com play.tvcf.co.kr clips.twitch.tv player.twitch.tv platform.twitter.com player.vimeo.com vlive.tv www.youtube.com vod.afreecatv.com www.airbnb.co.kr www.airbnb.com bandcamp.com codesandbox.io share.ellentube.com giphy.com gfycat.com imgur.com jjalbot.com www.relive.cc streamable.com tenor.com embed.tumblr.com

2. 설정 > 시스템 설정 > 보안 설정 > HTML class에 다음을 추가

 media_embed fb-post fb_iframe_widget_fluid_desktop fb-xfbml-parse-ignore fb-video instagram-media instagram-media-rendered tiktok-embed twitter-status twitter-timeline airbnb-embed audioclip-embed bandcamp-embed codepen-embed codesandbox-embed fb_iframe_widget flickr-embed flickr-embed-video giphy-embed giphy-embed-photo giphy-embed-video gfycat-embed gfycat-embed-group gfycat-embed-single imgur-embed imgur-embed-iframe-pub instagram-embed jjalbot-embed jsfiddle-embed nico-embed-live nico-embed-video pinterest-embed pinterest-pin pinterest-board pinterest-profile reddit-embed relive-embed soundcloud-embed spotify-embed tenor-video-embed tumblr-post tumblr-embed tumblr-embed-loaded twitter-list twitter-profile twitter-tweet youtube-shorts

3. 에디터 > 공통 설정 > '플러그인 제거' 입력란에 iframe 을 기입

3. 지원 사항

본 애드온은 미디어 임베딩과 관련하여 다음과 같은 사항을 지원합니다.

서비스	비고	썸네일
아프리카TV	클립 및 라이브 영상 지원	썸네일
Airbnb	숙소, 체험
오디오클립	(네이버에서 제공하는 오디오북)	썸네일
Codepen		썸네일
Code Sandbox		썸네일
Dailymotion		썸네일
Ellentube		썸네일
Facebook	Post와 Video만 지원
Flickr		썸네일
Giphy		썸네일
Gfycat		썸네일
Imgru		썸네일
Instagram	Post만 지원
IMDb	Video만 지원	썸네일
짤봇		썸네일
JSFiddle
카카오TV	클립 및 라이브 영상 지원	썸네일
MLB.com	자막 지원(재생 loop는 제어 안 됨)	썸네일
네이버TV	클립 및 라이브 영상 지원	썸네일
Niconico (ニコニコ)	비디오, 라이브 영상 지원	썸네일
Pinterest	핀, 보드, 프로필 지원	썸네일
Prezi	프리젠테이션 및 영상 지원	썸네일
Reddit
Relive		썸네일
SlideShare		썸네일
SoundCloud		썸네일
Spotify	미리듣기만 지원
Streamable		썸네일
TED		썸네일
Tenor		썸네일
Tiktok		썸네일
TVCF	(한국 광고 영상 서비스)	썸네일
Tumblr	포스트 지원	썸네일
Twitch		썸네일
Twitter	프로필 타임라인, 프로필 리스트, Post만 지원
Vimeo		썸네일
Vlive		썸네일
Youtube		썸네일

4. 데모

(CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다.

https://dev.aporia.blog/board_fKje44/category/35668

5. 버그 제보 및 건의

이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다.

https://xetown.com/topics/1564294

의견은 이쪽에서 남겨주세요~

확장변수로 특정그룹만 게시글 열람

2021-08-16T10:22:30+09:00

확장변수에 값이 있을 때에는 특정회원 그룹에게만 열람권한을 줍니다.

한 게시판에서

특정 글들은 다른 회원들이 보지 못하도록 하고 싶을 때 사용가능합니다.

예를 들어

확장변수ID가 "isAdult"일 떄 (형식은 다중선택 체크박스로 했습니다)

게시글 사용자가 isAdult 항목에 체크를 하면,

"성인회원"만 게시글 열람이 가능합니다.

기타 회원이나 비로그인 회원들은

"성인회원만 이용가능합니다" 라는 메시지를 받게됩니다.

폼 위젯

2020-03-16T14:03:36+09:00

위젯 설명

- 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다.

- 문의 글 전송, 견적 문의 등을 수행할 수 있습니다.

- '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다.

- 게시판 분류 및 사용자정의(확장변수)를 활용할 수 있습니다.

- 비밀글 지정, 댓글 허용 등 다양한 옵션을 지원합니다.

- 이런 문의도 있고 해서 과거의 contactfree라는 위젯에 기능을 조금 개선해보자는 취지에서 작업하다가 거의 새로운 위젯을 만들어버렸습니다. 즉, contactfree 위젯의 초확장 버전이라 보시면 되겠습니다;;

1.1.1 업데이트

- 2020-03-16

- 라이믹스 회원 전화번호 체계에 맞춤
- 폼 전송 후 현재 페이지 처리시 화면 스크롤을 페이지 최상단이 아니라 위젯 상단으로 이동
- 폼 전송 후 원하는 url로 이동 가능 (페이지 처리방식 옵션 추가)

1.1.0 업데이트

- 2020-03-14

- 기본 스킨(default)의 파일 구조 개선 및 코드 정리

- 본문에 전화번호 기재 (버그 수정)

- 우편번호 유효성 체크 (버그 수정 : postcodify API 사용시)

- 이메일 주소 입력에 필수/옵션 적용

- 내용글(message 필드) 입력에 필수/선택 옵션 적용

1.0.1 업데이트

- 2020-03-12

- 분류를 사용하지 않는 경우 유효성 검사에 걸리는 문제를 수정

- 폼 전송 후 현재 페이지에서 결과값 처리시 이미지가 뜨지 않던 문제 수정

'설정' 설명

1. 게시판 연동

- 게시판을 지정하면 폼 위젯에서 작성한 콘텐츠가 해당 게시판에 저장됩니다.

- 게시판 모듈을 지정하지 않으면 위젯 작동이 중지되고 에러페이지를 출력합니다.

2. 콘텐츠 제목

- 이용자가 직접 제목을 입력할 수도 있고, 위젯 스킨에서 설정된 제목을 뿌려줄 수도 있습니다.

3. 분류(카테고리) 활용

- 분류를 출력 방식을 선택할 수 있으며, 분류번호(category_srl)을 이용해 특정 분류만 모아서 출력하는 것도 가능합니다.

- 분류 번호를 1개만 지정하면 위젯 스킨에서는 분류 폼을 따로 출력하지 않고 콘텐츠는 해당 분류로 자동 귀속됩니다.

4. 문서 비밀번호

- 비로그인 사용자에 한해 콘텐츠의 비밀번호를 랜덤 또는 직접 선택 방식으로 제공합니다.

5. 사용자 정의(확장변수) 활용

- 게시판의 확장변수를 가져와서 폼 문서로 출력이 가능합니다. 분류와 마찬가지로 아예 출력을 하지 않거나 일부만 활용하거나 모두 활용할 수 있습니다.

6. 댓글 허용, 공개/비밀 선택

- 일반적인 게시물과 마찬가지로 사용자가 댓글 허용 여부 및 비밀글 사용 여부를 결정할 수 있습니다.

- 또한 관리자가 댓글을 일괄 허용하거나 일괄 불허할 수 있으며, 콘텐츠를 강제로 공개 또는 비밀로 귀속시킬 수 있습니다

7. 개인정보 안내 및 동의

- 개인 정보를 수집하는 만큼 관련 사항을 선택적으로 출력할 수 있습니다.

- 안내문 제목과 설명란에 개행 문자(\n)를 삽입하면 복수의 안내가 가능합니다. (예. 개인정보 수집 및 이용 동의, 개인정보 제3자 제공 동의 등)

8. 폼 전송 후 페이지 처리

- 폼 전송 후 페이지 처리 방식을 선택할 수 있습니다.

- 1) 현재 페이지에서 입력 사항을 간단히 보여주거나, 2) 콘텐츠 본문으로 바로 이동하거나, 3) 콘텐츠가 저장된 게시판 목록화면으로 이동할 수 있습니다.

몇 가지 팁

분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요

- (관리자 페이지 등에서 위젯 코드만 추출하는 방식이 아니라) 위젯 페이지에서 페이지 수정을 통해 위젯 설정을 시도하면...

- 분류나 확장변수를 '모두 활용'으로 선택하고 설정을 저장한 뒤, 다시 설정을 수정하면 대상 게시판에 연계된 분류와 확장변수 목록이 자동으로 입력되어 있는 것을 볼 수 있을 겁니다.

- 여기서 변수값을 선택적으로 추리고 '일부만 활용'으로 바꾸면 위젯 설정에 수고로운 시간을 줄일 수 있습니다.

폼-메일(form mail)로도 사용할 수 있어요

- 게시판 설정에서 '관리자 메일'을 설정해놓으면, 신규 문의가 등록될 경우 메일로 알림을 받을 수 있습니다.

- 우리메일 등을 이용하면 보다 완벽한 형태의 이메일을 받아볼 수도 있습니다. (강추)

- 이래저래 본 위젯이 폼 메일 기능으로도 활용될 수 있을 겁니다.

기능 확장을 고려할 수 있습니다

- 스킨 개발을 통해 위젯 변수를 잘 활용하면 다양한 방식으로 기능을 확장해볼 수 있을 겁니다.

- 예를 들어 자바스크립트 또는 제이쿼리를 활용하여 스킨을 잘 개발하면, 구글식의 다단계 설문조사 같은 것도 구현할 수 있을 겁니다. 또한 게시판 스킨을 재가공해서 저장된 확장변수값을 아우르는 다양한 통계페이지도 생각해볼 수 있습니다.

기타 정보

- 라이믹스 + 크롬에서 개발되었습니다. 기타 환경에 문제가 있을 경우 댓글로 알려주세요~

- 그 외의 프로세스에 대해서는 직접 사용해보시기를 권장합니다. (이제 슬슬 힘들어서요...)

- 다음 페이지들에서 실제 작동하는 과정을 체험할 수 있습니다.

- 간단 버전 : https://bit.ly/33edLkJ

- 거의 풀 버전 : https://bit.ly/3aRMOGr

게시판 전체 검색 모듈

2019-10-15T13:31:45+09:00

개인 스킨을 개발하려다가 특정 사용자 정의 값에 여러개 단어를 포함하는 검색 기능이 없길래 어찌하다보니 모듈을 개발하게 되었습니다.

모듈을 개발할 수 있도록 비행기 태워주신 @doorweb 님 @GG 님 감사합니다. -_-

alpha 버전이니 실 사이트에서는 주의 하여 사용해주시기 바랍니다.

0.2.1

Hotfixes
- full_search 모듈이 동작하지 않는 버그 수정 16d8280

0.2

기능강화
- 권한이 없는 사용자가 본인글 외의 비밀글을 검색하지 못하도록 개선 422e14d
- "키워드"의 문자열 검색 추가 b7edb88
- API 호출 기능 추가 a5330c9
버그수정
- 코어 코드를 최신 버전으로 교체 f6a2f03
- 검색 대상이 사용자 정의 extra_vars[0-9] (var_idx) 타입일때 검색이 제대로 수행되지 않던 문제 수정 60235db

사용방법 / 문의: 아래에서 의견 나눌 수 있습니다.

https://github.com/largeden/full_search

확장변수 업로드 모듈

2019-09-23T20:41:15+09:00

<기능>

- 확장 변수를 이용해서 업로드 할수 있게 해줍니다.

- 파일 수 제한과 용량 제한 기능 내장 되어 있습니다.

- 출력할 이미지 사이즈를 설정할수 있습니다.

- 글 삭제시 확장변수로 업로드된 파일도 같이 지워집니다.

- 확장변수로 업로드 할수 있는 형식이 있으니 설정할때 반드시 참고하시기 바랍니다.

<버전>

- 1.0.0 : 초기 버전

- 1.0.1 : 익스프롤러에서 삭제 안되는것 수정

- 1.0.2 : 마이너 버그 픽스

- 1.0.3 : 업로드후 파일 삭제 안되는 문제 수정

- 1.0.4 : 일부 브라우저에서 삭제 버튼 미출력 수정

리스트에서 썸네일 출력 지원(스킨 수정 필수)

*중요 1.0.4 버전에서 업데이트 된 리스트 썸네일 출력은

스킨 수정이 필수입니다.

썸네일 사용하지 않으실분은 수정없이 그냥 사용하시면 됩니다.

<업로드시>

<본문>

<설정>

<리스트에서 썸네일 표시>(1.0.4 버전에서 추가)

탭 위젯을 생성하게 해주는 에디터 컴포넌트

2019-02-25T21:14:30+09:00

문하우스의 애드온 모음집

탭 위젯을 생성하게 해주는 에디터 컴포넌트 - 베타 버전 시험페이지

https://xetown.com/tips/1180004

미디어플레이어 애드온(MediaElement addon)

2019-02-09T15:58:05+09:00

MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 플레이어 및 유튜브 링크 애드온입니다.

당초에는 유튜브 뮤직을 링크시켜주는 애드온을 찾다고 없어서 시작했는데 일판이 좀 커졌네요.

애드온 이름을 몇번 바꾸다가 최종적으로 미디어플레이어 애드온으로 정했습니다.

폴더 이름은 mytube

youtube가 '너튜브"라면 mytube는 '내튜브'......

https://xetown.com/tips/1167281 참조

유튜브 링크가 메인이 아니고 원래는 첨부한 오디오와 비디오 재생이 주 기능입니다.

1. 업로드된 mp3 및 wav 등의 오디오 파일 재생

2. 업로드된 mp4, mov, 3gp 등등의 비디오 파일 재생

제가 만들었지만 어디까지 동작할지는 저도 잘 모릅니다. html5 video,audio가 지원하는 것은 다 될 것으로 추측합니다.

3. 유튜브 링크

4. 유튜브 뮤직 링크

5. 위 4가지 기능이 댓글에서도 동작

6. 유튜브 영상과 오디오의 제목과 설명가져오기

7. 리스트재생(미완성)

목록까지는 가져오지면 UI는 완성하지 못했습니다.

수정해서 사용하시고 잘되면 공유 부탁드립니다.

8. 반응형 플레이어

당초 목적은 모바일에서 찍은 동영상을 업로드하고 다음화면서 재생하는 것이어서 모바일과 데스크탑에 다 어울리는 반응형으로 만들었습니다.

9. 썸네일 만들기

썸네일 애드온 별도로 사용할 필요없습니다. Rhymix에서는 외부이미지로 본문삽입만해도 썸네일이 잘생깁니다.

XE에서는 잘 안되는 경우가 종종 있어서 아예 썸네일을 첨부화일로 넣는 기능을 만들었습니다.

나머지 설정은 바꿔가면서 테스트해보면 금방 이해할 수 있는 것들이라 설명을 생략합니다.

포스터기능은 업로드된 동영상을 위한 것입니다.

유튜브 동영상은 preload 기능을 이용하면 플레이하기 전에 썸네일 화면이 보이지만 업로드된 동영상은 플레이되기 전까지는 아무것도 나나타지 않습니다.

처럼 각자의 사이트에 걸맞는 영상을 만들어서 입력해주면 플레이되기 전에도 뭔가를 보여 줄 수 있습니다.

마지막으로 제일 중요한 것은 youtube data api key를 입력해야합니다.

입력하지 않아도 동작에는 문제가 없지만 제목과 설명을 가져오지 못합니다.

구글콘솔에 사이트를 등록하고 youtube data api key를 만들어서 입력하면 됩니다.

자세한 설명은 https://developers.google.com/youtube/registering_an_application?hl=ko 를 참조하십시요.

api 키를 입력하면 재생창 상단에 제목이 나타나고

제목을 클릭하면 toggle되면서 설명이 나옵니다.

모바일에서 백그라운드로 가거나 화면을 끈 상태에서도 플레이가 가능합니다.

단 스마트폰 브라우저앱의 알림기능 , 특히 미디어알림기능이 꺼져있으면 동작하지않습니다.

https://xetown.com/topics/1166111 참조

mediaelement.js를 가져다 xe(Rhymix)에 붙여서플레이어를 만들고 있습니다.

작업은 거의다 마무리 되어서 좀더 테스트해보고 공개할 예정입니다.

헌데 몇가지 기대이상의 기능들이 있네요.

저도 뭐 js는 그져 가져다 사용하는 입장이라서 아직 내부 기능을 다 이해하지는 못한 상태입니다.

그중에서도 눈에 띄는 점은 모바일 플레이어 기능입니다.

일반적으로 유튜브를 플레이시키면 별도의 플레이어가 있는 것이 아니라서 화면을 끄거나 백그라운드로 들어가면 플레이가 중지됩니다.

하지만 미디어플레이어에 링크해서 플레시키면 플레이어가 뜨네요.

화면을 끄거나 백그라운드로 들어가도 플레이어는 동작합니다.

스마트폰을 꺼서 호주머니 담은 상태에서도 음악감상이 가능합니다.

연결된 블루투스 기계에서 콘트롤도 가능하고...

구태여 유튜브 프리미엄으로 가지 않아도 될 것같습니다...

ver : 0.8.1

1. 태그를 사용해서 유튜브를 링크한 경우 여러개의 재생창이 생기면서 발생하던 문제를 수정했습니다.

2. iframe 태그를 사용하던 기존 링크와 호환되게 수정했습니다.

3. 제목과 설명을 유튜브처럼 영상 아랫쪽으로 이동했습니다.

ver : 0.8.2

url 및 설명과 제목의 사용여부와 위치를 설정할 수 있게 수정했습니다.

[Sample]

https://www.youtube.com/watch?v=tifg16jpNmQ

드래그하여 페이지/문서 이동 애드온

2019-02-09T15:55:16+09:00

모바일 환경에서 드래그하여 페이지/문서를 이동할 수 있습니다.

1.1.1

코드 정리

조건문 타입에러 수정

기능적으로는 마지막 업데이트이지 않을까 싶습니다

불친절하게도 관리자설정이 따로 없습니다

tpl/index.html에서 터치영역을 직접 입력하여 사용하세요

1.1.0

이름 변경 (drag_to_change_page -> drag_interaction)

toucharea 영역 지정은 필수가 되었습니다. (목록, 문서 영역 각각)

스크롤 시에 드래그이벤트 반응 문제 해결

passive 옵션 사용하여 스크롤 성능 저하 해결

이제 tpl/index.html 파일만 수정해서 쓰시면 됩니다.

여러 환경에서 테스트 해보지 못했기 떄문에 피드백 부탁드려요~!

1.0.2

스크롤 시 반응성을 조정하였습니다.

1.0.1

콜백 함수 사용 가능

기본 너비 60

기본 딜레이 삭제

[문하우스의 적용 팁]

https://moonhouse.co.kr/xetip/477057

jQuery Viewer 애드온(lightbox 계열, 확대축소 가능)

2019-02-09T15:52:23+09:00

이미지 클릭시 원본을 보여주는 애드온입니다.

다운로드 하지 않아도 확대 축소가 가능합니다.

기존의 Resposive Photoviewer 애드온을 대신합니다.

https://github.com/fengyuanchen/viewer 참조

포토뷰어에 대한 욕심이 많아서 벌써 10여개의 포토뷰어 애드온을 제작했었습니다.

지난번 Resposive Photoviewer 애드온은 화면에서 마우스휠로 확대 축소가 가능하지만 UI가 2%부족한데다 아이콘 크기가 작고 모달창도 테두리가 맘에 안들고 창을 닫을때도 뭔가 불편했었습니다.

대용품을 구하다보니 lightbox 계열이면서도 마우스로 화면에서 확대 축소가 가능한 스크립트가 있어서 XE에 적용을 해봤습니다.

이름은 바뀌었지만 Resposive Photoviewer 애드온( https://xetown.com/point_contents/1136018)을 대신하여 버전을 이어받았습니다.

다운로드 : https://github.com/fengyuanchen/viewer

데모 : https://fengyuanchen.github.io/viewer/

responsive photo viewer 애드온

2018-12-29T01:28:59+09:00

https://github.com/nzbin/photoviewer#readme

nzbin의 photoviewer를 XE에 적용한 애드온입니다.

본문내이미지조절 애드온을 끄고 사용하시기 바랍니다.

화면상에서 사진의 확대 축소가 가능하며 마우스 휠을 굴리면 사진의 확대 및 축소가 이루어집니다.

템플릿 컴포넌트

2018-07-05T20:41:50+09:00

- '템플릿 컴포넌트'입니다.

- 미리 완성된 서식(템플릿)을 이용해 문서를 편집할 수 있게 해주는 에디터 컴포넌트입니다.

기본 기능

- 원래는 회원 발송용 뉴스레터 템플릿을 제공하기 위해 만들었던 컴포넌트입니다. GG님의 관리자 메일 모듈과 같이 쓰면 좋습니다.( 0.5 버전 https://xetown.com/rxe_point/278628 , 깃허브에는 0.6도 있습니다ㅎ )

- 그 외에도 컴포넌트 이용자가 템플릿을 직접 만들어 활용할 수 있으므로, 견적서, 증빙서류 등 정해진 서식을 출력할 때 활용하는 것도 좋을 것 같습니다.

- 풀 페이지, 헤더, 섹션, 푸터 등 4가지 타입의 템플릿을 제공합니다.

- 해당 템플릿을 에디터 내 원하는 위치에 삽입할 수 있으며, 전체 덮어쓰기도 할 수 있습니다.

사용 방법

- CKEditor4 기준으로 설명합니다.

- 보라색 부분의 아이콘을 누릅니다.

- 팝업창이 뜹니다.

- 썸네일 리스트의 원하는 템플릿을 골라 에디터에 '추가'하거나 '덮어쓰기'를 하면 에디터에 이렇게 적용됩니다. (템플릿 요소(li)를 더블클릭하면 에디터 커서 위치에 '추가'가 됩니다)

- 물론 이미지나 글 내용을 수정할 수도 있습니다.

템플릿 등록 방법

- 컴포넌트 폴더에 templates 이라는 폴더가 있는데요. 이 안에 템플릿 문서 파일이 있는 하위폴더들이 있습니다.

- 하위폴더의 이름은 템플릿들의 이름이기도 합니다.

- 각각의 하위폴더에는 기본 제공되는 폴더에 있는 것처럼 index.html, info.xml, thumb.jpg가 있어야 합니다.

- index.html은 템플릿의 html 코드를 담고 있습니다. 참고로, 기본 제공되는 템플릿은 뉴스레터 이메일 용으로 제작 중인 것이어서 기본적으로 인라인 스타일을 일괄적용하고 있습니다.

- info.xml은 템플릿의 정보를 담고 있습니다. 기존 파일을 열어보시면 아시겠지만, admin, full_page, header, section, footer에 관한 정보가 필수적으로 들어가야 합니다.

admin 값이 Y면 관리자만 템플릿을 적용할 수 있습니다. N이면 에디터 이용자 모두가 볼 수 있구요.
full_page 값이 Y면 전체 문서에 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요.
header 값이 Y면 문서의 머리말로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요.
section 값이 Y면 문서의 본문으로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요.
footer 값이 Y면 문서의 꼬리말로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요.

- thumb.jpg는 팝업창에서 출력하는 템플릿 리스트에서 출력할 썸네일입니다. 크기는 대략 120*100px 정도가 좋습니다.

=> 이렇게 준비하시면 여러분도 템플릿을 등록해서 언제든 꺼내서 사용하실 수가 있게 되는 겁니다.

주의 사항

- 본 템플릿 컴포넌트는 CKEditor4와 FroalaEditor에서 작동합니다.

- 단, 프로알라 에디터의 경우에는 요소가 삽입될 경우 요소 앞뒤로 p태그가 자동으로 추가되므로 CKEditor4와 에디터 반영 결과가 다소 다를 수 있습니다.

테스트 환경

- 크롬 66.0.3359.181 / IE 11.48.17134.0 / 엣지 42.17134.1.0

- 라이믹스 1.9.6 / PHP 버전: 7.0.22 ... CKEditor4

- XE 1.9.7 / PHP 버전: 5.5 ... FroalaEditor

- 스포어 웹호스팅, 카페24 웹호스팅

히스토리

- 2017년 9월 11일 "신기하네요. 레이아웃 만들기" https://xetown.com/rxe_story/729982

- 2017년 9월 13일 "재미난 녀석을 만들고 있습니다 ... 템플릿 컴포넌트" https://xetown.com/rxe_story/731957

- 2018년 6월 14일 "템플릿 컴포넌트 순항 중ㅎㅎ" https://xetown.com/board/996760

- 2018년 6월 17일 "XE에서 컴파일이 안돼요ㅠ(라이믹스에서는 되구요)" https://xetown.com/qna/998893

데모

- 라이믹스 1.9.6 / CKEditor4 / PHP 7.0.22

https://bit.ly/2IECAeU (들어가서 -> 쓰기 버튼 -> 템플릿 컴포넌트 아이콘을 클릭하면 컴포넌트 팝업창이 뜸)

문하우스에서 만든 템플릿들

- https://moonhouse.co.kr/index.php?mid=xemy&search_target=tag&search_keyword=MH+%ED%85%9C%ED%94%8C%EB%A6%BF

가입권유 애드온 v2.3

2018-02-14T21:51:53+09:00

가입권유 애드온

1. 애드온이 html 상단에 출력되서 발생하던 css 문제를 수정했습니다.

2. 회원가입창등에서 뜨지 않도록 수정했습니다.

3. 로그인 이후에도 뜨는 문제 수정

4. 무료로 전환 (그동안 포인트 먹튀해서 죄송합니다 -_ㅜ )

본업이 인터넷 관련직도 아니고 전문가도 아니기 때문에

문제점을 빠르게 수정해드리진 못하는 점은

죄송스럽게 생각합니다. 실력이 매우 부족합니다

버전관리는 따로 안합니다만.. 두번째로 올리는거라 v2 를 붙여봤습니다.

우선 디자인이 변경됐고, 모바일도 지원합니다.

xe 에서는 테스트해보지 않았지만 라이믹스만의 뭔가를 사용하진 않았기 때문에

작동할거같습니다.

그리고 하단에 그냥 닫기랑 오늘 하루 닫기 버튼을 추가해서 닫아 버리는 기능을 넣었습니다.

그래서 옵션에는 레이어를 없애는 설정을 없애고, 대신 띄우는 멘트를 설정할 수 있게 변경했습니다.

별볼일없는 애드온이지만 많이 다운 받아주셔서 감사합니다.

p.s

XPM License (재배포 금지)라 수정파일 올리질 못하겠네요.

제가 수정한 버전 이미지

날씨 위젯

2018-02-07T18:39:56+09:00

현재 위치(지오로케이션)기반 날씨 위젯을 만들기로하고 일주일이 지났네요 @.@

너무 오래 붙잡고 있으면 안될꺼 같아서 주말에 시간내서 마무리 지었습니다.

우선 배포하고 문제가 발견되면 추후 수정하는게 좋다는 생각입니다... ㅎㅎ

개인적으로 사용하던 날씨 위젯 레이아웃이 있어서 그나마 수월하게 끝냈 수 있었습니다. 역시나 이번에도 주소록 파일 만드는데 대부분의 시간을 허비 했습니다. 그나마 경험이 있어서 조금은 빨리 데이터 정리할 수 있었네요 ㅋㅋㅋ

날씨 위젯 0.3

pr_weather_v2_0.3.zip

주의

사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다.

이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 15번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요.

변경사항

1. 캐시 데이터에 변화가 있으니 캐시파일 재생성 후 사용하시는것이 좋습니다.

2. 코드를 세분화하고 오류체크가 미흡했던 부분들 보완 했습니다.

3. '기본스킨 - 가로형'이 추가되었습니다. 참고로 기존 '기본스킨'은 변경된 부분이 없습니다.

- 너비에따라 최대 3개의 날씨 예보를 표시 합니다.

- 하단 스크롤을위해 아래 jquery plugin을 사용하였습니다.

http://richhollis.github.io/vticker/

날씨 위젯 0.2

pr_weather_v2_0.2.zip

주의

사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다.

변경사항

1. 사용하는 쿠키명을 '_pr_w_weather_geo'로 단일화 하였습니다.

- 기존에는 위치기반 사용자와 수동으로 지역 선택해서 사용하는 사용자의 쿠키명을 다르게 운영하였는데 이를 하나로 통합 했습니다.

- 기존 사용자들의 쿠키들은 위젯에서 확인해서 자동 업데이트 합니다.

2. api통신시 타임아웃을 3초로 변경 하였습니다.

- api.func.php 파일 13번째 라인 ($_timeout = 3;)에서 이 시간을 변경 하실 수 있습니다. 위 이미지 참조.

3. 통신방식을 curl로 변경 하였습니다.

4. 위젯 설정값에 '위치값 유효 시간 (분)'을 추가 하였습니다.

- 이 값은 위치 기반 사용자의 경우에만 유효합니다. 유효 시간이 지난 후 페이지 새로고침이 발생하면 자동으로 내 위치 찾기 버튼 클릭 이벤트를 발생시켜 나의 위치를 갱신해서 날씨 데이터를 표시 합니다.

5. 위젯 실행시 더이상 날씨 데이터를 만들지 않고 ajax로 처리 합니다.

- 페이지 표시할때 날씨 위젯이 캐시 유효기간이 만료되어 이를 갱신하거나 새로운 사용자의 날씨 데이터를 생성하느라 로딩 시간을 꽤나(1~2초) 잡아먹는 경우가 발생 했었습니다. 이를 해결하기위해 페이지 로딩시에 위젯은 유효한 캐시가 있을때만 이 데이터를 html로 뿌려 줍니다.

- 유효한 날씨 데이터가 없을때는 기본 화면을 먼저 띄우고 날씨 데이터는 페이지 로딩 이후 ajax로 불러 옵니다.

- 날씨 위젯때문에 페이지 로딩이 느려지는일은 이제 없을겁니다.

6. 자료 제공자의 바로가기 링크가 수정되었습니다.

- 기상청 : 기존 날씨누리 메인 페이지에서 동네 예보를 검색할 수 있는 서브 페이지로 변경 되었습니다.

pc : http://www.weather.go.kr/weather/forecast/timeseries.jsp

모바일 : http://m.kma.go.kr/m/forecast/forecast_01.jsp

- World Air Quality : 기존 세계 상황을 볼수있는 페이지에서 자신의 위치 근처의 상활을 볼 수 있는 페이지로 변경.

날씨 위젯 0.1

pr_weather_v2_0.1.zip

주의

1. 데이터를 받아올때 curl이나 snoopy같은 클래스 이용없이 간단하게 file_get_contents을 이용했습니다.

2. 지오로케이션 api는 https가 아니면 작동하지 않을 수 있습니다. 이경우에는 자동 위치확인 아이콘을 클릭하더라도 주소록 선택화면이 뜨로록 했습니다. 그리고 브라우저나 환경(pc, 모바일)에 따라서 정확하지 않은 좌표를 반환 할 수 있습니다.

3.위젯이 작동하기 위해서는 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다.

이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 7번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요.

4. 위의 이미지에서 보듯이 5번째 라인에 타임아웃을 5초로 설정하고 있습니다. 5초동안 응답이 없다면 기존 캐시 데이터를 이용하도록 설계되어 있습니다.

설정

1. 스킨의 컬러셋은 '흰색 바탕용'만 작업했습니다.

2. 캐시는 기본제공되는 위쪽의 캐시는 사용하지 마시고 아래쪽에 따로 마련된 '캐시 유지시간'을 사용 하세요. 캐시는 30분 이상 충분히 넉넉하게 사용하시는것을 추천 합니다.

3. 지역을 설정하지않은 사용자에게 보여줄 기본지역은 서울의 중앙 부분쯤인 필동으로 기본값을 정했습니다.

4. 마지막 애드온과 연동 부분은 제가 개인적으로 사용하는 애드온과 연동하기 위한 부분이니 신경쓰지 않으셔도 됩니다.

- 여담 입니다만 눈송이 애드온을 보고 제가 개인적으로 사용하던 애드온과 너무 흡사해서 놀란적이 있습니다. 같은 플러그인을 사용해서 눈송이 옵션이 비슷한것을 떠나 실제 날씨와 연동한 아이디어도 비슷해서요 ㅎㅎㅎ

혹시 이 옵션을 이용하시려면 애드온등에서 아래 코드로 체크 하시면 됩니다.

if(Context::get('pr_is_snowing') == 'Y' || $_SESSION['pr_is_snowing'] == 'Y')

{

//눈이나 눈/비가 내리는 날씨 입니다.

}

참고 사항

1. 캐시는 캐시 유지시간을 초과했더라도 무조건 삭제하지 않고 새 날씨 데이터를 가져올때 응답이 느려 타임아웃이 발생하면 기존 캐시를 또한번 이용하도록 설계하였습니다. (주의 4번 참조)

2. 주소록 관련

기존 포털 사이트에서는 최종 읍/면/동의 개수가 6,491개 였습니다. 하지만 기상청에서 제공하는 주소록에는 전국 3,504개의 읍/면/동만 제공하더군요. 이 위젯은 기상청 데이터를 이용하므로 기상청의 지역 분류에따랐습니다.

예로 서울 중구의 경우 아래처럼 차이가 납니다. 좌측이 포털사이트, 우측이 기상청 입니다.

3. 기상청에서는 자신들만의 x,y좌표에 따라 구역을 나눠서 최종 데이터를 제공하는것으로 보입니다. 따라서 10자리 지역코드가 다르더라도 x,y좌표가 겹치는 지역이 상당히 많습니다. 그래서 캐시또한 x,y좌표에 따라 관리합니다. 2번에서 밝힌대로 전국 3,504개의 지역이 있지만 x,y좌표 겹치는곳을 제거하면 1,620개 지역으로 압축됩니다. 서울의 경우는 겹치는 지역이나 경기권과 겹치는 경우를 제외하면 18개의 좌표만 남습니다.

4. 지오로케이션

얻어온 좌표기반으로 지역명을 구하는 api를 구글이 제공하기는 합니다만 무료는 하루 2,500쿼리 제한도 있고 또한번 통신을 하므로 속도저하가 있을것으로 판단하여 따로 api를 이용하지않고 주소록에서 지역명을 찾아오도록 했습니다.

다만 속도를 위해 간단하게 기상청의 x,y좌표 기반으로 지역명을 판단하게 만들다보니 지역명이 정확하지 않을 수 있습니다.

예로 아래 지역의경우 모두 같은 x,y좌표를 사용합니다. 따라서 현재 지역이 아래와 같다면 순서에의해 모두 '서대문구 천연동'이라고 표시가 됩니다.

서대문구
천연동
성북구
돈암제2동, 삼선동, 성북동, 정릉제1동, 정릉제2동
종로구
가회동, 교남동, 무악동, 부암동, 사직동, 삼청동, 숭인제1동, 이화동, 종로1.2.3.4가동, 종로5.6가동, 창신제2동, 창신제3동, 청운효자동, 평창동, 혜화동
중구
광희동, 명동, 소공동, 신당동, 을지로동, 장충동, 필동

5. 날씨 아이콘은 아래 링크의 무료 공개된 아이콘을 받아서 제가 간단하게 색을 입혔습니다.

https://dribbble.com/shots/1247177-Weather-icons

6. 통합대기 품질은 데이터 제공자의 등급 표시에 따라 표기합니다.

위젯 작동

1. 통합대기 상태를 클릭하면 자세한 수치가 표시됩니다.

2. 위치 기반

3. 지역 수동 선택

4. 위치 기반이던 지역 수동 선택이던 지역 정보를 쿠키에 저장해서 사용합니다.

적다보니 상당히 길어졌네요... 문제가 있다면 댓글 달아주시면 시간 나는대로 수정하겠습니다.

마지막으로... 충분히 테스트 해보시고 사용하시기 바랍니다. ㅎㅎㅎ

zip 다운로드 애드온

2018-01-02T19:05:29+09:00

게시글의 전체 첨부파일을 zip 파일로 통합해서 원클릭으로 다운로드하는 기능을 추가하는 애드온입니다.

이미지 파일들을 많이 올리는 사이트의 경우는 일일이 파일 저장하지 않아도 편리하게 파일들 내려 받을 수 있어서 좋은 것 같습니다.

p.s 라이믹스 2.0 업데이트 후 zip 다운로드 애드온 작동이 작동이 되지 않으면

/addons/zipdownload/zipdownload.addon.php 50줄을 아래와 같이 수정

$download_url = sprintf('?document_srl=%s&act=%s&mid=%s',
$oDocument->document_srl, 'zip', Context::get('mid'));

웹지기님의 팁 https://xetown.com/questions/1534289#comment_1534622

라이믹스 2.0.17에서 새로운 문제가 발생되어 수정법

https://rxtip.kr/rx_tip/26458

50줄 90줄 즈음에 act 를 action으로 수정

말풍선(툴팁) 애드온

2017-11-04T22:37:19+09:00

기존에 레이아웃에서 로드해서 사용하던 툴팁 생성용 css와 jquery를 따로 떼어내서 애드온을 만들어 봤습니다.

만들고보니 쓸모가 있을까... 하는 생각이 들기도 합니다. ㅎㅎㅎ

jquery나 애드온의 정규식이 허접해서 모든 환경에 잘 적용될 수 있을지도 의문이네요 @.@

말풍선 애드온 0.1

pr_tooltip_v0.1.zip

애드온을 적용 한다음 말풍선이 필요한곳에 pr_tooltip 클래스를 추가해 주시면 해당 태그에 마우스를 가져가면 말풍선을 띄워주는 애드온 입니다.

추가로 지정 가능한 속성은 아래와 같습니다.

pr_uid : 애드온에서 관리하기위해 부여하는 번호입니다. 영문, 숫자, 하이픈, 언더바로만 구성할 수 있습니다.

pr_color : 말풍선의 색을 지정합니다.

pr_position : 말풍선의 위치를 지정합니다.

title : 말풍선에 띄울 글을 지정합니다.

사용 가능한 색상 코드는 아래와 같습니다. 색상은 bootstrap에서 따왔습니다.

태그에 pr_color="primary" 이런식으로 사용하시면 됩니다.

사용가능한 말풍선 위치 지정 코드는 아래와 같습니다.

말풍선을 우상단에 띄우고 싶다면 pr_position="t_right" 로 적어 주시면 됩니다.

이 애드온의 사용법은 크게 두가지로 나눌 수 있습니다.

1. 직접 코딩

아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 title, pr_color, pr_position을 지정 합니다.

마우스를 가져가면 Point History라고 적힌 노란 말풍선이 상단 중앙에 뜨게 됩니다.

2. 애드온에서 관리

아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 pr_uid만 지정을 합니다.

이상태에서는 마우스를 가져가도 말풍선은이 뜨지안습니다.

애드온 설정화면에서 위에 지정한 pr_uid번호인 info-001의 옵션값들을 지정 후 저장합니다.

이후부터는 해당 태그에 마우스를 가져가면 말풍선이 뜨게 됩니다.

우선순위

태그에 모든 속성을 지정하고 pr_uid까지 지정했어도 해당 uid에대한 설정값이 애드온에 있다면 애드온에 설정한값이 우선합니다.

아래처럼 pr_uid가 001로 지정하고 모든 속성을 코딩했어도 애드온 설정에 001의 설정값이 있다면 기존 코딩은 무시되고 애드온 설정값으로 변경되어 출력됩니다.

위의 애드온 설정창의 uid: 002의 경우처럼 title만 지정된 경우는 다른 값은 코딩값대로 유지되며 title만 변경되어 출력합니다.

[문하우스의 적용팁]

https://moonhouse.co.kr/423318

p.s 색상을 알아보기 쉽게 blue, orange, red 같이 쉽게 적용한 파일 올립니다.

문하우스 프로그램들은 수정한 파일로 적용됩니다.

pr_tooltip.zip

쪽 나누기 애드온

2017-10-01T20:51:46+09:00

업데이트 1.2.6

- php 5.3.x 이하 버전과 호환성 해결

1.2.5

- default 스킨에서 애드온 출력 요소들의 margin과 padding 값을 기본 0으로 할당 (웹지기님 제안)

1.2.4

- ajax 적용 후 스크롤탑 이동시 특정 요소로 위치 지정 가능 (Artistudy님 제안) 1.2.4에선 ajax 호출 후 (무조건 페이지 최상단으로 가게 하지 않고) 어떤 요소로 가게 할지 애드온 사용자가 직접 입력하게 했습니다(.rd, #cmtPosition 등). 최상단으로 가게 하려면 'AJAX 쪽 이동 후 위치'에 body를 입력하면 됩니다.

1.2.3

- ajax 적용시 스크롤탑 이동 여부 옵션 처리 (스트렌져님 제안)

1.2.2

- ajax 처리 후 페이지 최상단으로 이동하게끔 수정 (Artistudy님 제안)

1.2.1

- 본문 내비 버튼이 본문에 고정되지 않던 문제(를 아예 내비 버튼용 파일을 따로 만들고 별도로 불러오도록 함으로써) 수정

- 이제 안정화 버전이라 생각하고 당분간 자중하겠습니다ㅠ

1.2

- 에디터 컴포넌트 요소가 구현되지 않던 문제 해결

: (예시) 멀티미디어 컨텐츠 - http://bit.ly/2wawyvD

: (예시) 설문조사 - http://bit.ly/2vaLpsN

- 본문 내비 버튼을 js가 아니라 css로 불러옴으로써, 본문보다 늦게 로딩되던 문제 수정

1.1

- AJAX 옵션 사용시, 실행되지 않던 다른 애드온의 js파일을 재실행하도록 함

개요

- 게시판 본문에 임의의 문자열을 넣어 본문 내용을 쪽 단위로 나눠볼 수 있게 해주는 애드온입니다.

- 매뉴얼, 보고서, 논문 같이 분량이 긴 문서는 물론, 카드뉴스나 컷툰 같은 콘텐츠 구현에도 적합합니다.

- AJAX 옵션을 사용하면, 전체 페이지 새로고침 없이 쪽 이동을 하기도 합니다.

미리보기

- http://bit.ly/2v1HmyR

기본 기능

- 페이지 브레이커 : 임의의 문자열을 지정하면, 해당 문자열을 기준으로 쪽 나누기가 실행됩니다. 본문에 해당 문자열이 포함되어 있지 않으면 애드온 실행이 중지됩니다.

- 페이지 링크 개수 : 페이지네이션에서 보여줄 링크의 개수를 설정할 수 있습니다. 게시판 모듈에서 사용하는 page_count와 비슷한 기능을 수행합니다.

- 페이지네이션 스킨 : 기본 제공되는 default 스킨 외에, 사용자가 스킨을 만들면 사이트 특성에 맞는 효과적인 콘텐츠 관리가 가능합니다. (예. 콘텐츠 슬라이더, 페이지네이션 스타일링 등)

Default 스킨 설정

- AJAX 옵션 : ajax 처리를 지원합니다. 단, ajax 옵션을 사용하면, 본문만 새로 읽어들이기 때문에, 다른 애드온과 충돌의 여지가 있으며 사이트 광고 수익에도 영향을 줄 수 있습니다.

- 본문 내비 버튼 : 이 기능을 사용하면 본문 중앙 양 끝으로 쪽 이동(prev, next) 버튼이 삽입됩니다. 이 기능을 사용하지 않으면 쪽 이동 버튼은 본문과 페이지네이션 사이에 위치하게 됩니다.

[실현화면]

[편집화면]

각주 에디터 컴포넌트 + 각주 편집 애드온

2017-09-20T20:23:32+09:00

문하우스 Tip ¹⁾

0.3 업데이트 (2017-09-19)

개요

각주 스타일링 작업을 완료(?)했습니다.
몇몇 부분에서 호환성 테스트는 아직 끝나지 않았습니다. 가령 다음과 같은 문제가 있을 수 있습니다.
: XE에서 관리자 외에는 각주 입력을 못할 수 있습니다.
: 크롬 외의 브라우저, 특히 MS 엣지에서는 각주 편집 수행과정에서 높은 확률로 에러가 동반될 수 있습니다.
: CKEditor 스킨 외에서는 각주 컴포넌트와 애드온 사용을 권장하지 않습니다.

업데이트 사항

각주 내용에서 각주 마커로 이동 링크 장착 (오징님)
해시 링크 이동시 상단 툴바 높이 옵션 적용 (오징님)^★
해시 링크 이동시 이동 속도 설정 추가
각주 번호 마우스오버시 말풍선, 마우스클릭시 각주내용으로 이동 (웹지기님)^★
각주 해시 링크 이동시 링크 타겟에 하이라이트 효과
자동링크 애드온에 대비하여, 링크 타겟 클릭시 타겟 속성 동적 삭제 (웹지기님)

향후 업데이트 계획

크롬에서 드래그 후 삭제 시 reorder가 되지 않는 문제
엣지와의 호환성 문제 (간장게장님)
XE와의 호환성 문제 정리 (간장게장님)
CK에디터 외 다른 웹에디터와 호환성 문제
모바일 UI 개선 또는 별도 구성
XE용 removeHackTag 수정 매뉴얼 작성
팝업 창 세로 사이즈 자동 감지 및 출력 (Lemony님)
말풍선 미리보기에서 말줄임표 (웹지기님)
붙여넣기 이벤트에서 각주 섹션까지 붙는 문제 해결 (토순이와아빠)

0.2 업데이트 (2017-09-17)

기능 향상

각주 입력창에서 CK에디터 4.7.3 버전을 CDN을 통해 불러오게 됩니다.
각주 아이콘을 교체했습니다. (VJT님, 휴리파파님)
각주 내용 섹션의 제목 내용과 제목 태그를 사용자가 직접 지정할 수 있습니다. (웹지기님) ... 각주 컴포넌트 설정에서 할 수 있습니다.
각주 창 팝업 후 커서가 에디터 안으로 자동 포커스됩니다. (socialskyo님)
각주 내용 섹션 아래로 커서 이동이 가능하게끔, 각주 생성 후에는 맨 아래에 <p> </p>를 추가하게 됩니다. (socialskyo님)
댓글단에서는 각주 컴포넌트 작동을 금지합니다. (웹지기님) ... 각주 편집 애드온이 활성화돼야만 댓글에서 각주 컴포넌트 버튼의 출력을 막을 수 있습니다.

버그 수정

새로운 글쓰기 상황에서 각주 편집 애드온이 동작하지 않는 문제를 해결했습니다.
IE에서 각주번호가 포함되지 않은 영역을 복사하거나 잘라낼 때 동작하지 않던 문제를 해결했습니다.
에디터에서 소스 보기를 했다가 다시 에디터로 돌아올 때 이벤트 전체가 무효화된 문제를 해결했습니다.
본문에서 각주 번호가 모두 사라질 때 각주 내용 섹션도 제거하게 됩니다. 반면 각주 내용 섹션이 없을 때 각주 붙여넣기가 시도되는 경우에는 각주 내용 섹션도 되살아나게 됩니다.
각주 입력 및 붙여넣기 후 커서가 각주 번호 안으로 위치하던 문제를 해결했습니다. 각주 번호 끝에 공백 문자를 첨가함으로써 새로 생성된 sup 태그에 문서 편집이 영향을 받지 않을 수 있도록 했습니다.

개요

각주 에디터 컴포넌트와 별책부록 편집용 애드온을 첨부해봅니다.
현재 업로드하는 버전은 베타테스트용입니다.
컴포넌트 파일은 각주 입력과 수정, 애드온 파일은 각주 복사-잘라내기-붙여넣기-삭제 기능을 담당합니다.
컴포넌트 파일은 필수이며, 애드온 설치를 하지 않으시면, 위의 편집기능을 수동으로 하셔야 하며, 본문에서 스타일링된 디스플레이를 구현할 수 없습니다.

2. 권장 환경

라이믹스 + 크롬60 / IE11 + CKEditor
위 환경이 아니라면 편집용 애드온이 오작동을 일으킬 수 있습니다.

3. 사용방법

따로 말씀 안 드려도 아시리라 믿습니다. 에디터에서 아래 그림의 아이콘을 클릭하고 입력하면 됩니다

4. 덧붙이는 말

개발 현황은 링크에서 확인할 수 있습니다. http://bit.ly/2etMIwY

각주

각주의 preview 영역의 가로크기 조절은

/modules/editor/components/ap_footnote/common/ap_footnote.js 파일안에 106줄

obj.css('width', 300);

숫자부분을 알맞게 조정하시면 됩니다.

플로팅 팝업 비디오

2017-05-23T19:05:01+09:00

네이버TV같은 곳에서 동영상 보다보면 스크롤을 내릴경우 우측하단에 동영상이 뜨길래 구현해보았습니다.

스크롤 내리시면 팝업이 뜹니다.

플로팅 팝업 비디오 애드온

버그가 있으면 버그발생하는 주소를 알려주세요!

애드온화 하긴했는데 버그가 있을수도 있습니다.

라이센스...

* ------------------------------------------------------------

* "THE BEERWARE LICENSE" (Revision 42):

* <author> wrote this code. As long as you retain this

* notice, you can do whatever you want with this stuff. If we

* meet someday, and you think this stuff is worth it, you can

* buy me a beer in return.

* ------------------------------------------------------------

VER 0.4.1

전환되는 부분 안정화

따로 옵션없고 동영상 끝부분에서 전환되도록 변경하였습니다.

유투브 재생중일 때만 작동하는 옵션기능 추가하였습니다 (불안정)

닫기위치 조정할수 있는 옵션을 추가하려했으나 경우의 수가 많아져서 직접 수정하셔서 사용하시기 바랍니다.

VER 0.4.3

유투브 재생중일 때만 작동하는 옵션기능 안정화

VER 0.4.4

유투브 리사이즈 애드온과 충돌하는 문제 해결

가운데 정렬 수정

ZipperUpper 애드온 사용시 안되는 문제 해결

VER 0.5.0

PC와 모바일 팝업창 크기 따로 입력가능하도록 변경

하단 간격추가

팝업 뜨는 위치 왼쪽 오른쪽 선택가능

버튼 변경 (고양이님 제공)

버그fix

VER 0.5.1

닫기버튼 위치 버그수정

VER 0.5.2

유투브 재생목록 있는 동영상의 경우 작동안하던 문제를 해결하였습니다 (고양이님 제보)

본문에만 적용하도록 수정하였습니다. (웹지기님 제보 윤삼님 도움)

버튼 커서 (고양이님 제보)

유튜브에서 팝업닫기시 동영상을 일시정지하는 옵션을 추가하였습니다.

기존에 유튜브 API를 무조건 가져왔었는데 페이지에 유튜브 영상이 있을때만 가져오도록 추가하였습니다.

VER 0.6.0

버튼 커스텀 기능이 추가되었습니다. ( 모바일에서는 이미지만 적용)

유튜브 아이프레임 경로가 //로 시작할때 작동안하던 문제를 해결하였습니다.

애드온 기능추가하려고 보니 생각없이 작성했던 막장코딩이 발목을 잡았습니다.

코드 정리하려했으나 새로 코드를 짜는편이 더 이로울듯 판단하여 일단 생략..

제 사이트 기준으로는 작동에 이상이 없으나.. 버튼 커스텀 위치는 css 아시분만 사용하시기 바랍니다.

댓글로 위치 잡아 드리는 걸 도와 드릴수가 없습니다.

문제가 없다면 마지막패치일수도 아무도모름

재미없고 두서없는 글 읽어주셔서 감사합니다.

슈퍼 캐시

2016-12-26T13:20:29+09:00

상세 설명

XE로 만들어진 사이트의 성능을 획기적으로 높이고 서버 부하를 줄이기 위한 몇 가지 방법을 제공하는 모듈입니다. XE 버전에 따라 일부 기능이 지원되지 않거나 별도 패치가 필요할 수도 있습니다.

XE타운 화제의 모듈!!! 로딩속도 0.01초에 도전합니다!!!

전체화면 캐시

웹 페이지 전체를 캐시에 저장해 두었다가 다른 방문자들에게도 똑같이 뿌려 주는 기능입니다. 로그인하지 않은 방문자가 대부분인 블로그, 단순 홍보성 사이트 등에서 큰 효과를 얻을 수 있으나, 사용자에 따라 내용이 달라져야 하는 사이트라면 적용이 곤란할 수도 있습니다.

단순 정보성 홈페이지, 로그인하지 않고 눈팅만 하는 사용자가 많은 커뮤니티 사이트라면 페이지 로딩(TTFB) 속도가 10배 이상 빨라질 수도 있습니다. (속도 개선 효과는 사이트 구성에 따라 다릅니다.) 검색 로봇도 로그인을 하지 않으므로 빠르게 처리할 수 있고, 이에 따라 검색 순위가 높아지는 효과를 볼 수 있습니다.

게시판 캐시

게시판의 글 수가 많아지면 검색, 페이징, 목록 처리 등의 쿼리 소요시간이 전체 로딩 시간의 상당 부분을 차지하게 됩니다. 이 문제를 덜어 주는 페이징 캐시 기능은 대형 게시판을 사용하는 커뮤니티 사이트에 도움이 되며, 검색 결과 캐시는 DB 부하가 심한 검색 작업에 소요되는 시간을 절약해 줍니다.

동시접속자가 1만 명 이상인 커뮤니티 사이트에서 게시판 캐시 적용만으로 서버 부하가 50% 이상 줄어들고, 피크시간대 느려짐 현상이 완전히 해결된 사례가 있습니다.

위젯 캐시

캐시를 설정하지 않았거나 0분으로 설정한 위젯, 레이아웃에 때려박거나 소스를 이리저리 복사하는 바람에 캐시 적용이 곤란한 위젯에도 모두 캐시를 적용할 수 있는 기능입니다. 위젯이 많은 화면의 로딩 속도와 DB 부하를 크게 줄일 수 있으며, 로그인 사용자가 많은 사이트에서도 효과는 동일합니다.

캐시 기간을 길게 잡아 두더라도 새 글이 등록되면 즉시 갱신되고, 회원 권한에 따라 다른 내용을 표시해야 하는 위젯도 지원합니다. 캐시 갱신 주기나 회원 권한 때문에 위젯 캐시를 사용하지 못하고 계셨다면 이 기능을 반드시 사용해 보시기 바랍니다.

기타 편의기능

일부 게시판 스킨에서 검색 요청을 2번 반복하는 문제를 해결합니다.

일부 레이아웃과 스킨에서 페이지 전체를 CSS 또는 이미지로 다시 로딩하려고 시도하는 것을 차단합니다.

기본 URL 이외의 도메인으로 접속하거나 IP 주소로 직접 접속한 경우 기본 URL로 자동 리다이렉트하여 캐시 효율을 높입니다.

주의! 필독! 경고! 반드시 읽으세요! 안 읽으면 곰에게 잡아먹힙니다!

XE 1.8 미만, PHP 5.5 미만 버전은 지원하지 않습니다.

전체화면 캐시 사용시 작동하지 않거나 오작동하는 모듈이나 애드온이 있습니다. 이것은 해당 모듈이나 애드온에서 해결해야 하는 문제입니다. 전체화면 캐시는 한 방문자에게 표시했던 내용을 다른 방문자에게 그대로 뿌려줄 뿐입니다. 그 내용이 어떤 것인가는 XE 코어와 다른 모듈, 애드온들의 책임입니다.

로그인하지 않은 방문자마다 달라져야 하는 내용이나 기능이 조금이라도 있다면 전체화면 캐시를 사용하실 수 없습니다. 예외 액션이나 예외 쿠키 등으로 해결할 수 없다면 그 기능을 포기하거나 전체화면 캐시를 포기하거나 둘 중 하나를 선택하셔야 합니다. 둘 다 쓰도록 해달라는 종류의 문의는 (슈퍼 캐시 모듈의 명백한 버그가 아니라면) 일체 받지 않습니다.

안드로이드 푸시앱에서 전체화면 캐시 사용시 회원들의 알림 설정이 제대로 적용되지 않는다는 제보가 있으나, 이것이 슈퍼 캐시의 문제인지 푸시앱의 문제인지는 아직 밝혀지지 않았습니다. 푸시앱 사용자들은 로그인 상태를 유지하는 경우가 대부분이라 전체화면 캐시를 사용하더라도 효과가 별로 없으니, 가능하면 푸시앱에서는 전체화면 캐시를 사용하지 마시기 바랍니다.

슈퍼 캐시를 사용하면 XE 코어의 "오브젝트 캐시" 기능이 활성화됩니다. 이 기능이 켜져 있으면 오작동하는 모듈이나 애드온이 있을 수 있으니 주의하시기 바랍니다. 이런 오류는 슈퍼 캐시에서 해결할 수 없습니다.

기본값(default)이나 파일 캐시(file)를 사용하면 files/cache/store 및 files/supercache 폴더 내에 다량의 캐시파일이 생성될 수 있으며, 캐시파일 재생성 클릭시 오류가 발생할 수 있으니 주의를 바랍니다. 가상서버나 단독서버에서는 memcached 사용을 권합니다. 웹호스팅이라도 memcached를 제공하는 업체가 있으니 (예: ○○24) 최대한 활용하십시오.

슈펴 캐시는 성능 개선 효과가 큰 만큼 리스크도 높은 "하이 리스크, 하이 리턴" 성격의 모듈입니다. 다양한 옵션이 있으니 무조건 다 켜지 말고 주의와 경고 내용을 분명히 이해하시기 바랍니다. 경고가 붙어 있는 옵션은 모두 이유가 있습니다.

수정 내역

v1.3.3 : Memcached 사용시 캐시 비우기 오류 수정, 상자 위젯 디자인 깨짐 수정, 로그인 에러 발생시 캐시 처리 문제 수정

v1.3.2 : 위젯 캐시에서 제외할 모듈을 선택하는 기능 추가, 위젯 캐시와 호환되지 않는 위젯은 기본값을 OFF로 변경

v1.3.1 : 캐시 비우기 버튼 추가

v1.3.0 : 모바일 처리 및 푸시앱 호환성 개선

v1.2.0 : 위젯 캐시 기능 추가

v1.1.0 : 자체 캐시 드라이버를 내장하여 기본값 또는 파일 캐시 사용시 성능 및 안정성을 개선

v1.0.0 : 최초 버전

XENARA LIGHT GALLERY 위젯

2016-06-07T19:56:37+09:00

XENARA LIGHT GALLERY 위젯

○ 주요특징

- 게시글의 첨부된 이미지를 추출하여 LIGHT GALLERY로 보여주는 위젯

- 썸네일 클릭 시 전체화면으로 원본이미지를 출력

- 모바일에서는 SWIPE 기능이 가능하여, 편리한 슬라이드 기능을 제공

- LightGallery 각종 옵션설정 기능을 제공하여 다양한 효과를 설정할 수 있음

○ 기타사항

- 첨부이미지는 첨부한 첫번째 이미지를 출력함

- 반응형 기능이 내장되어 있고, 반응형 사용유무를 선택할 수 있음

※ 반응형은 획기적인 기술이긴 하지만, 때론 불편한 점이 있어 선택기능을 내장하였음

○ 제공자료 및 설치위치

- XE_ROOT/widgets/widget_lightgallery/

- XE_ROOT/widgets/widget_lightgallery/skins/widget_lightgallery_skin

○ 미리보기

http://xenara.zaggu.net/sponsor_source/10895

p.s 진짜 멋진 위젯입니다. 잘 만 활용하면 사이트소개나 포트폴리오 기타 갤러리같은 이미지위젯의 최고봉 인것 같네요. 위젯을 주로 만들어온 저도 감탄이 나오네요! Good

[위젯설치후 세로크기를 임의로 조정하고 위젯스타일 적용한 모습]

[썸네일 클릭후 전체화면으로 해당게시판의 이미지가 로딩되는 모습]

[문하우스 홈화면의 좌측 wing영역에 설치한 화면]

Xpresseditor + AXISJ AXUpload5(HTML5) 에디터 ver. 1.2.1

2016-04-15T13:20:03+09:00

[문하우스의 수정 버전]

-기존 버전에 imgur에 외부업로드 시키는 기능 토글로 추가

Xpresseditor + AXISJ AXUpload5(HTML5) 에디터

XE의 기본 에디터인 Xpresseditor에 HTML5 업로더 기능을 지원하는 AXISJ(액시스제이) AXUpload5 업로더를 연동한 에디터 입니다.

업데이트 내용(v1.2.1)

자동저장 기능 활성화 중 드래그앤 드롭으로 업로드 수행시 이중으로 업로드 되는 현상 개선( @socialskyo 님 제보 )

업데이트 내용(v1.2)

커버 이미지 선택 기능 추가
파일이 하나 이상일때 드래그 앤 드롭 안내 메시지 제거

업데이트 내용(v1.1)

사파리, 크롬 브라우저에서 동일 이름의 파일 재업로드시 안되는 증상 해결( @Kimㅇ.ㅅ 님 제보 )

주요 기능

HTML5 업로더 지원(HTML5 비지원 브라우저는 기존 SWFUpload로 동작)
멀티셀렉트 지원(클릭, CRTL+클릭, SHIFT+클릭, COMMAND+클릭)
드래그셀릭터 지원(마우스 드래그)
드래그 앤 드롭 지원
모바일 업로더 지원
모바일 드래그셀렉터 지원(마우스 드래그:천천히 드래그, 스크롤링:빠른 드래그)
커버 이미지 지원

지원환경

IE8~IE10+(IE7은 환경테스트가 안되었습니다, IE11에서 문제가 있습니다.)
firefox
safari
chrome
iOS(모바일)
안드로이드(모바일)

라이선스

Xpresseditor : LGPL v2
AXISJ AXUpload5 : LGPL v2.1

설치방법

해당 에디터를 다운로드하시고 ZIP파일의 압축을 푸세요.
XE가 설치된 곳에 아래의 위치에 xpresseditor_axupload5 폴더를 복사하세요.
xe/modules/editor/skins/
관리자페이지 - 게시판 설정 - 추가설정 - 에디터 설정에서 xpresseditor_axupload5를 선택하세요.

지원스킨

default(white 대응)
black(black 대응)

지원언어

한국어
영어
일본어

기타질문은 아래를 통해 해주세요. 단, 추가 기능요구나 기능편집의 질문은 받지 않습니다.

https://github.com/largeden/xpresseditor_axupload5/issues

팁

첨부파일란 높이 조절하는 방법
http://www.xpressengine.com/tip/22458253 ;@착한악마

mex_default 스킨 사용시 모바일에서 업로드 가능하게 하는 팁 http://www.xpressengine.com/tip/22468165 @투씨

여담

NuriCMS에서 개발하여 연동한 에디터를 XE core에서 동작하도록 소스가 일부 수정되었습니다. 파일 업로더가 완료 된 후 한번 깜빡임 등의 현상이 발생될 수 있는데 XE core 특성상 발생되는 문제이니 참고해주세요.

타임라인 모듈 - 통합게시판 관리 ver. 1.0.2

2016-04-05T20:56:32+09:00

타임라인 `1.0.2`

여러 게시판의 글을 타임라인 게시판에서 모아 볼 수 있습니다.
통합 게시판 및 베스트 게시판 관리에 용이하게 사용할 수 있습니다.
일간, 주간, 월간 베스트 게시글 관리를 게시판 안에서 모두 해결할 수 있습니다.

게시글 모아보기

타임라인 모듈은 클릭 몇 번만에 통합 게시판을 만들 수 있습니다.
마치 처음부터 타임라인 게시판에 게재된 글인 것처럼 게시글을 열람 또는 수정하거나 댓글을 작성하더라도 모두 타임라인 게시판 안에서 처리됩니다.

다양한 게시글 필터링

타임라인 게시판에 불러오고 싶은 게시글을 걸러낼 수 있습니다.
제목이나 내용, 태그에 특정 문자가 들어가거나 조회수, 추천 수, 비추천 수, 댓글 수 등이 설정한 조건을 만족하는 게시글만 가져올 수도 있습니다. 따라서 베스트 및 워스트 게시판, 이벤트 게시판 등을 손쉽게 만들어낼 수 있습니다.
또는 특정 기간에 게재된 게시글만 가져올 수도 있습니다. 기간 설정을 사용하면 일간 및 주간, 월간 베스트 게시판 관리도 할 수 있습니다.

스킨 개발자 안내사항

타임라인 게시판으로 지정된 게시판에서는 $modules_info 변수와 $timeline_info 변수를 사용할 수 있습니다. 어떤 게시판에 있던 게시글인지 볼 수 있고, 어떤 게시판에 게시글을 작성할지 지정할 수 있습니다. 스크린샷 참고
게시글 리스트에서 보고 싶은 게시판의 module_srl 값을 인자로 넘겨주면 해당 게시판의 게시글만 필터링할 수 있습니다.
게시글 작성 시 게시글을 등록하고 싶은 게시판의 module_srl 값을 인자로 넘겨주면 해당 게시판에 글이 작성됩니다.
단, 넘겨 받은 module_srl 값이 타임라인 게시판에 표시될 수 없는 경우 무시합니다.
/tpl/js/timeline.js 파일을 사용할 수 있습니다.

변경사항

1.0.0-beta2

크롤러 접근 시 타임라인 모듈을 사용하지 않도록 변경
일부 조건에서 공지글 작성 시 게시글 목록을 불러오지 못하는 문제 해결
게시글을 기간별로 필터링할 수 있는 기능 추가
게시글 열람 시 해당 게시글의 게시판으로 설정을 동기화하도록 변경
공지 게시글 통합 기능 추가
타임라인 모듈 쿼리를 사용하지 않는 문제 해결

1.0.0-beta4

타임라인 게시판에서 게시글 열람 시 원래 게시판으로 이동하는 기능 추가 #10
타임라인 게시판 설정을 유지할 수 있도록 수정 #11
게시판 쓰기 화면에 module_srl 값을 넘겨줄 수 있도록 수정 #12
타임라인 게시판 쓰기 화면 권한을 줄 수 있는 기능 추가 #14
타임라인 게시판에 mid 값 없이 접근할 경우 타임라인 모듈이 동작하지 않는 문제 해결 #16

1.0.0

정식 배포

1.0.1

#23 타임라인 모듈 기능이 쓸데없는 act에서 작동하지 않도록 수정
#24 게시판 등록 순서에 우선권 부여
#27 '원래 게시판으로 이동' 옵션을 사용할 경우 페이지 번호 초기화
#29 모듈 DB 테이블 미설치 시 경고 메시지 출력

1.0.2

#32 '원래 게시판으로 이동' 기능을 사용했을 때 페이지 번호를 잃어버리는 문제 해결
#34 타임라인 게시판을 두 개 이상 만들 수 없는 문제 해결

p.s 타임라인모듈 사용시 게시판명 나오게 수정하기

"Top Banner" 상단에 스르르~ 닫기 가능한 배너 달기

2015-03-06T10:44:24+09:00

야옥잉님이 소스를 제공하였고, 레드붓님이 애드온으로 만든 것을 제가 약간 수정해서 올립니다.

위처럼 메인상단에 배너가 뜨는소스입니다.

닫기 버튼을 누르면 부드럽게 위로 올라가며 사라지며, 홈페이지 레이아웃은 유지 됩니다.

부족한 능력으로 일단 소스는 작업하고 적용은 했습니다. 이상없이 작동하구요..

그런데..

이 소스를 기반으로 공지창 등으로 사용가능하게 애드온으로 작업하고 싶지만.. 내공이 부족하여 소스만 올립니다.ㅠㅠ

어느 게시판에 올려야 할지 몰라 이곳에 올립니다..(이건 애드온도.. 위젯도 아니라..ㅡ.ㅡ.,ㅡ;;)

필요하신 분 사용하세용~^^

"메시지버튼"을 조금 수정

2015-02-10T21:07:40+09:00

착한악마님이 XE 2014공모전에 출품한 "메시지버턴"에드온이 활용도가 매우 놓은 프로그램이라

제가 약간 더 편하게 수정해 보았습니다.

수정내용은 버턴의 좌우배치 선택, 간격설정 그리고 메시지색상이 기본 흰색이라 흰색바탕에 보이질 않아서 색상선택,

보드안에 내용이 iframe높이를 초과시 스크롤 나타내기 정도입니다.

그리고 위의 이미지에서 보듯이 예약신청 버턴을 클릭시 보드판이 좌우측으로 100px정도 밀리면서 보입니다.

저는 이게 편한 것 같은데 필요가 없으시면

/addons/message_btn/tpl 에서 message_btn.html 13줄 에서 +100을 지우시면 됩니다.

left:{$addon_info->btn_space+100}px;"right:{$addon_info->btn_space+100}px;">

Contact 게시판스킨, GG Board Insert Widget, 메시지버튼 3가지 프로그램 활용편

2015-02-07T10:28:17+09:00

[Contact 게시판스킨]

https://www.xpressengine.com/index.php?mid=download&package_id=22530581

[GG Board Insert Widget]

https://www.xpressengine.com/index.php?mid=download&package_id=22753502

[메시지버튼]

https://www.xpressengine.com/index.php?mid=download&package_id=22753570

위의 3가지 프로그램을 잘 활용하면 멋진 기능의 버턴이 만들어집니다.

먼저 게시판스킨으로 "Contact 게시판스킨"을 사용한 것은

의뢰나 상담이나 예약게시판으로 사용하기에 제가 사용해본 결과 가장 마음에 들고 완성도가 높은 스킨이라 선택을 했습니다. 굳이 이 스킨을 사용하지는 않아도 별 문제는 없습니다.

다음으로 레이아웃이 없는 페이지를 하나 만들어서 "GG Board Insert Widget"에 위에서 만든 게시판의 mid를 적어주고

위젯을 만들면 됩니다.

마지막으로 "메시지버튼"에드온을 적용해서 상담버턴이 필요한 mid를 체크해주고 iframe에 GG Board Insert Widget으로 만든 페이지의 url을 입력하면 "끝"

Youtube 업로더 Lite ver. 1.0

2014-06-05T18:33:44+09:00

상세 설명

* 이미지 경로 에러 처리

* 제대로 작동하지 않는 분 다시 설치하세요.

* DEBUG 관련 코드로 인해 DEBUG 모드를 사용하지 않는 경우 작동하지 않는 문제가 있었습니다.

* 해당 문제를 해결했습니다.

* 풀스크린 버튼이 나오지 않는 문제를 해결했습니다.

* 기타 문제 해결.

* 이 에디터컴포넌트는 본문에 Youtube를 쉽게 삽입할 수 있도록 도와주는 컴포넌트입니다.
* 이 에디터컴포넌트는 다음과 같은 분들이 도움을 주셨습니다.
- @prologos 님 youtube ID 변환 코드 제공
- @misol 님 위지윅에디터 내에서 마우스로 사이즈 변경 가능 제공

Youtube 업로더 Lite는 순수 유튜브 링크를 삽입해주는 기능만 있습니다.

(api 업로더 기능이 제외된 버전입니다.)

주소입력란에 그 어떠한 코드 ( 주소, iframe, embed 등..)를 입력하더라도

자동으로 유튜브 동영상 ID만 입력됩니다!

에디터에서는 iframe이 바로 삽입되는 것이 아닌 <img~ 태그 방식으로 삽입됩니다.

따라서 Youtube 업로더를 통해서 올린 영상의 경우 더블클릭으로 다시 업로더창을 띄울 수 있습니다.

마우스를 이용하여 크기를 조절할 수 있습니다.

* 1.7.5 에서 테스트 완료하였습니다. 이하 버전에 대해서는 정식 피드백이 없습니다.

* 1.4.5 에서는 작동하지 않습니다.

* v1.1 업데이트 내용

1. 에디터 삽입 소스 변경 ( 기존 IMG -> 변경 DIV )

2. 유튜브 동영상 썸네일을 xe에서 생성할 수 있도록 처리

3. 에디터컴포넌트 설정 지원 (기본 크기, 최소 크기, 최대크기 등)

* 쉬운설치를 지원하지 않습니다.

* 기 사용자분께서는 기존 데이터를 지우고 다시 설치하시기 바랍니다. (경로 및 파일이 변경됨)

*기타 특이상황

외부이미지 저장 애드온을 사용하실 경우

설정에서 제외도메인에

img.youtube.com을 추가하셔야 합니다. (충돌 가능성 있음)

Youtube 업로더 Lite는 유튜브 동영상 코드를 손쉽게 삽입하도록 도와주는 컴포넌트입니다.

유튜브 주소, iframe 태그, embed 태그등 어떠한 것을 입력하더라도 ID만 추출하여 등록합니다.

별도로 iframe, embed white-list를 설정하지 않아도 해당 컴포넌트를 통해 삽입된 유튜브 소스는 문제 없이 출력됩니다.

* 1.7.5.3 에서 테스트 완료하였습니다.

* 1.7.5.3 미만 버전에 대해서는 피드백이 없습니다.

sketchbook5 유투브 갤러리 게시판 스킨

2013-09-12T00:48:01+09:00

소개

스케치북5 갤러리형 & 웹진형 전용 유투브 게시판 스킨
유투브 주소만 입력하면 본문과 리스트에서 각각 섬네일과 영상 출력
동일한 스킨으로 모바일 스킨으로도 사용가능
갤러리형과 웹진형만 지원 (클라우드 갤러리 미지원)
Ver. 0.2 모바일 레이아웃 깨짐 문제 해결
Ver. 0.3 본문내 영상 사이즈 가로 640 세로 480 으로 고정 (사용자 사이트마다 본문의 크기가 다르므로 수정이 필요할시 각 상황에 맞게 _read.html 116라인에서 해당 아이프레임 사이즈 수정 하시면 됩니다. ^^)

스케치북5 게시판 스킨을 이용한 유투브 전용 갤러리 & 웹진 게시판 스킨입니다.

사용자정의 확장 변수(유투브 영상 주소)를 입력받아 본문에선 아이프레임으로 출력되고 갤러리형, 또는 웹진형 리스트에선 해당 영상의 섬네일이 출력되도록 되어 있습니다.

오리지널 스케치북 스킨에서 달라진 부분은 _read.html에서 본문 상단에 고정적으로 아이프레임을 삽입한 것과 _list_gallery.html 과 _list_webzine.html 파일에서 사용자가 업로드한 이미지를 섬네일로 생성하는 부분을 유투브 섬네일로 출력하는 것외에 다른 수정은 가해지지 않았습니다.

모바일에서도 사용가능합니다. 스케치북5 게시판이 모바일까지 지원하니, 동일한 스킨을 m.skins에 별도 등록하여 사용하시면 되겠고 만약 동영상 리사이징이 염려되신다면 iframe,embed 동영상 자동 리사이징 애드온을 사용하시면 됩니다.

기존 스케치북 스킨과는 별도로 board/skin 폴더에 업로드 하신 후 간단한 세팅을 마치고 사용하시면 됩니다.

아래 설명을 보시고 따라해주세요. 어렵지 않습니다 :)

게시판 세팅

게시판 이용

주의사항

※ 기존에 유투브 영상들이 삽입된 게시물이 있는 게시판에 이 스킨을 사용하시면 안됩니다.

만약 기존 사용중인 게시판에 이 스킨을 사용할 경우 - (기존에 등록된 게시물에 아이프레임으로 입력된 유투브 영상이 있을 경우)

이 스킨은 확장변수에 등록된 유투브 주소를 치환하여 리스트 섬네일 영역에 뿌려주기때문에 리스트에서 기존 게시물의 섬네일들이 이미지없음으로 뜰 것이고, 본문의 아이프레임은 두 개가 뜨게 될텐데 하나(기존 아이프레임)는 정상으로, 하나(스킨에 고정된 아이프레임)는 주소를 찾지못해 영상이 뜨지 않을거에요.

유투브 영상들로 구성된 게시판을 신규로 생성하실 때에만 사용하세요 :-)

기타

사용자 업로드 영상, 외부 플래시 파일, 비메오등 기타 영상은 지원하지 않습니다.
개인 및 상업 사이트에서 게시판을 통해 유투브 동영상을 출력해도 유투브 저작권에 위배되지 않습니다.
스케치북5 게시판이 업데이트되면 이 스킨도 업데이트 할 예정입니다.
http://www.xpressengine.com/qna/22209544 의 @엘카님께서 도움 주셨습니다.
질문은 묻고 답하기 게시판을 이용해주세요. (평가란에 질문을 올리시면 일일히 쪽지로 답변을 드릴 수 없습니다.)

감사합니다.

p.s XE1.4버전에서 작동하는 유투브게시판입니다.

https://moonhouse.co.kr/318213

스티커 삽입 애드온

2013-08-05T20:18:02+09:00

안녕하세요. XENARA 운영자입니다. 오랫만에 자료를 등록하네요.

모듈,위젯,레이아웃 등 XE의 다양한 자료 개발이 가능합니다.

개발이 필요하신 분은 kolaskks@naver.com 으로 메일주세요.

감사합니다. XENARA - http://xenara.co.kr

○주요특징

- XE게시판의 기본에디터에 스티커이미지를 삽입할 수 있는 애드온입니다.

- 문서작성 또는 댓글작성 에디터 또는 둘모두의 에디터에 삽입할 수 있습니다.

- 'stickters'폴더에 스티커이미지(gif,png,jpg)를 넣기만 하면 자동으로 해당 이미지가 스티커로 등록이 됩니다.

○제공자료 및 설치위치

XE_ROOT/addons/addon_insert_sticker

○스티커이미지 삽입위치

XE_ROOT/addons/addon_insert_sticker/stickers

미리보기

http://xenara.co.kr/xe/index.php?mid=xenara_qna&act=dispBoardWrite

p.s xe 1.4.5 버전과 최신버전인 1.7.3.4 모든버전에서 잘 작동하네요.

문서 권한 지정 애드온

2012-10-09T23:38:25+09:00

공지 1.4.x용 애드온입니다. CM님으로 권리 이전이 되어 조만간 재 개발 될 에졍입니다.

1.4 유저님을 제외하고는 받지말아주십시오.

이 에드온은 특정 유저들에게만 문서의 내용을 보여줄때 사용할 수 있습니다.

0.5 배포자 변경 파이델 -> CM(구.크루씨)

0.4 에서 바뀐점
1. 유저를 지정한 글 초기화 가능하게 수정 (유저를 모두 빼고 비밀글 해제하시면 됩니다.)

0.3 에서 바뀐점
1. 유저를 지정하지 않아도 비밀글로 작성되는 버그 수정

0.2 에서 바뀐점
1. 보기 권한이 있는 유저가 글 수정/삭제 가능했던거 못하게 수정
2. 보기 권한을 부여 할때 "소속 그룹"으로도 가능하게 옵션 추가

추신:
쪽지 기능과 비슷하지만 쪽지가 아닌 특정 상황에 필요한 분을 위해 만들었어요.^^
질문/버그 제보는 프로젝트 홈에 해주세요.

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

문서보기 유저 지정 에드온 설정화면 입니다.

글 쓰기시 확장 필드 입력란 맨 아래에 이렇게 적는게 보입니다.

"지정자 표시" 사용시 제목이 자동으로 이렇게 바뀝니다.

1.5.x 이후 document 테이블의 변화가 있었기 때문에 문서보기 유저 지정 애드온의 작동이 안되실 겁니다.

파이델님이 추후 패치된 버전을 올리시겠지만 급하신분들이 계실까봐 올립니다.

아래와 같이 수정하시면 정상 작동 합니다.

첫번째 수정할 파일명

xe/addons/appoint_view_user/queries/updateDocumentExtra.xml

7번째 줄
<column name="is_secret" var="is_secret" />
을 아로 코드로 수정
<column name="status" var="is_secret" />

두번째 수정할 파일명

xe/addons/appoint_view_user/queries/appoint_view_user.addon.php

70번째 줄
$args->is_secret = 'Y';
을 아래 코드로 수정
$args->is_secret = 'SECRET';

86번째 줄
$oDocument->variables['is_secret'] = 'N';
을 아래 코드로 수정
$oDocument->variables['status'] = 'PUBLIC';

레이아웃 컨트롤 박스

2011-11-09T21:27:29+09:00

레이아웃을 손쉽게 설정하고 저장할 수 있도록 도와주는 애드온입니다.

설치 후 관리자로 로그인하면 현재 페이지가 사용하고 있는 레이아웃을 설정하고 저정할 수 있도록 오른쪽에 아이콘이 생깁니다.

확장된 속성을 이용하면 실시간으로 설정된 값을 반영시켜 줄 수도 있습니다. (이것은 다음에 잘 정리된 문서로 만나뵙겠습니다.)

레이아웃에 일일이 컨트롤박스를 넣지 않아도 설정과 저장이 가능해지므로 레이아웃 만드시는 분들과 사용자 모두에게 도움이 되리라 생각합니다.

이미지 업로드 필드를 포함하고 있는 경우 파일선택 상자가 커서 보기좋게 안나올 수 있습니다.

예시) http://xe.ksodesign.com/nov/faddist_3 (오른쪽 검정바탕에 톱니 아이콘 클릭)

p.s 오랜만에 나온 괜찮은 에드온이네요.

레이아윳설정시 유용하게 사용할 수 있겠네요.

참고로 적용후 적용된 페이지를 리플래쉬(F5) 해 주어야 됩니다.

네비게이션 위젯

2011-05-03T19:52:13+09:00

[0.4 업데이트]

페이지에 여러개의 스킨을 출력할 수 있도록 수정하였습니다.

업데이트하는 분들은 이전 버전 삭제한후 사용하세요.

[라이센스]

apycom 에서 비영리로 무료 배포하는 슬라이드 메뉴를 XE 위젯에서 사용할 수 있도록 편집하였습니다.

상업적인 목적으로 사용할 경우 공식 사이트에서 라이센스를 구입해야 합니다.

네비게이션 위젯을 사용하는 분들은 아래 공식 배포 사이트에서 라이센스를 확인하신후 사용하세요.

공식 배포 사이트 : http://apycom.com

14개의 스타일이 있으며, 각 스타일마다 6개의 컬러셋 메뉴가 있습니다.

질문은 쪽지 또는 개인 홈피 질문답변란에 해주세요.

문서보기 유저 지정

2011-05-03T19:47:28+09:00

이 에드온은 특정 유저들에게만 문서의 내용을 보여줄때 사용할 수 있습니다.

0.4 에서 바뀐점
1. 유저를 지정한 글 초기화 가능하게 수정 (유저를 모두 빼고 비밀글 해제하시면 됩니다.)

0.3 에서 바뀐점
1. 유저를 지정하지 않아도 비밀글로 작성되는 버그 수정

0.2 에서 바뀐점
1. 보기 권한이 있는 유저가 글 수정/삭제 가능했던거 못하게 수정
2. 보기 권한을 부여 할때 "소속 그룹"으로도 가능하게 옵션 추가

추신:
쪽지 기능과 비슷하지만 쪽지가 아닌 특정 상황에 필요한 분을 위해 만들었어요.^^
질문/버그 제보는 프로젝트 홈에 해주세요.

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

문서보기 유저 지정 에드온 설정화면 입니다.

글 쓰기시 확장 필드 입력란 맨 아래에 이렇게 적는게 보입니다.

"지정자 표시" 사용시 제목이 자동으로 이렇게 바뀝니다.

prettyphoto - 본문내 이미지뷰어

2011-02-20T17:37:49+09:00

prettyphoto를 이용한 이미지 뷰어, 아이프레임, 플래쉬, 유튜브 등등 이미지 갤러리입니다.

제가 여러가지 찾아봤는 데 이게 가장 좋다고 생각합니다!

제작자 홈페이지 입니다.

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

현재 제가 추가한 기능은 다음과 같습니다.
xe 기본 이미지 리사이즈 기능을 대체할 수 있고, 오토링크 기능을 대체할 수 있습니다.

옵션으로 만들고 싶은 항목이 있는데 지식이 부족해서.. ㅠ.ㅠ

조언을 얻은 뒤 옵션 항목을 추가할 예정입니다.

구현하고 싶은 건,

1. 테마, 전환 스피드 등 prettyphoto 자체 지원 옵션을 애드온 설정화면에서 설정할 수 있게 하는 것,

2. 리사이즈를 일정 사이즈 이하 금지,

3. 오토링크 기능에 유뷰브 등 링크를 찾아서 prettyphot 플러그인 쓸 수 있게,

4. 오토링크 ui 개선입니다. (현재는 임시 방편으로 제가 할 수 있는 부분으로 했습니다. ie6 테스트 못했습니다)

더 필요한 거 있거나 개선 사항있으면 말씀해주세요.

실력이 없지만(실은 아는 거 하나 없어요. 올라온 거 뜯어보고 만드는 거라;;),

여기 계신 분들 조언을 얻어서라도 만들어 보려고 합니다. ^^;

80san의 말

지금까지 출시된 이미지보기 프로그램중에서 가장 진보된 애드온 같습니다.

원제작자의 홈페이지에 있는 가능들이 모두 구현된다면 멋진 이미지보기 애드온이 될 것 같습니다.

Content 이미지 슬라이더

2010-12-13T00:19:37+09:00

Default 스킨

easyAccordion 스킨

[참고한 자료]

제로보드xe 위젯 기본 소스인 content 를 기반으로 필요한 구문들을 추가 수정하여 만들었습니다.

jQuery 슬라이더 소스는 http://www.twospy.com/galleriffic/ 의 소스를 편집하였습니다.

easyAccordtion 소스는 http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/ 을 편집하였습니다.

[미리보기] :

galleriffic 샘플-2 - http://www.twospy.com/galleriffic/example-2.html

galleriffic 샘플-5 - http://www.twospy.com/galleriffic/example-5.html

xe 위젯에 적용된 샘플 - http://study4u.hosting.paran.com/

[주요 기능]

썸네일 가로, 세로 크기 및 위치 이동 가능
썸네일 가로, 세로 출력 갯수 조절 기능
슬라이드 이미지 가로, 세로 크기 및 위치 이동 가능
제목, 내용 표시, 숨김 가능
컨트롤 , 페이지 버튼 표시, 숨김 가능
자동 슬라이드 시작되며, 마우스 오버시 슬라이드 멈춤
슬라이더 이미지 클릭하면 다음 그림으로 자동으로 넘김
썸네일과 슬라이더 상하 좌우 위치 변경 가능
easyAccordion 스킨을 추가.

[0.8 업데이트]

easyAccordion 스킨을 추가하였습니다.

위젯 코드 생성메뉴의 이미지 갯수를 조절하면 목록 갯수를 조절할 수 있습니다.

컬러셋은 기본과 투명이 있는데, 투명은 IE는 적용안됩니다. PNG 때문에.

에디터 모드를 통해서 출력되는 위치 정보등을 알 수 있습니다.

(다만, 위치 옵션값에 따라서 다소 차이는 생길 수 있습니다. 적당히 밀고 당기고 해서 사용하시면 될듯 싶네요)

[썸네일 가로, 세로 배열 또는 갯수 조절 하는 방법]

썸네일의 이미지의 행, 열간의 갯수를 자유롭게 조절할 수 있습니다.

옵션에서 네비게이션 가로 크기와 썸네일 이미지 수를 적당히 조절해 주시면 됩니다.

예를 들어, 슬라이드 이미지는 크게하고, 썸네일은 세로로 1열로만 배열하고 싶을때는

네비게이션 가로 크기를 썸네일 가로 넓이만큼으로 줄여주시면 됩니다.

만약 가로 이미즈를 2행으로 배열로 하고 싶을때는 옵션에서 네비게이션 가로 크기는

썸네일 가로 크기의 2배정도로 넓혀 주고, 썸네일 이미지 수를 적당히 변경해 주세요.

물론 필요에 따라서 슬라이드 이미지 총 갯수도 함께 올려주셔야 합니다.

즉, 네비게이션 가로 크기와 썸네일 이미지 수에 따라서 썸네일의 가로 세로의 이미지 갯수를 조절할 수 있습니다.

만약, 슬라이드 이미지와 썸네일의 높낮이가 달라서 조절하고 싶은 경우는

슬라이드 이미지의 세로 위치나 네비게이션 세로 위치등을 조절해 주면됩니다.

위치 값에 - (마이너스) 값도 적용이 됩니다.

## 참. 중요한것 한가지!

옵션값 변경시 0 값을 입력했을때 적용이 안될때가 있는데, 그럴때는 1 값을 넣고 다시 변경하시면 됩니다.

왜그런 현상이 발생하는지는 저도 잘 모릅니다. XE 개발자님께 물어주세요. ㅅㅅ

혹시 해결방법 아시는 분은 댓글 주세요.

## The result is not a valid XML 에러가 있다고 하여서 모든 파일을 UTF-8 으로 변환하였습니다.

이전엔 익스플로러의 광팬이었지만, 지금은 익스 거의 사용안합니다. 뱅킹과 특정사이트를 제외하고

거의 대부분 크롬을 사용하고 있습니다.

내가 왜 익스와 같이 무겁고 느린 고물차를 뭐가 그리 좋다고 몰고 다녔을까... ㅡ.,ㅡ

아직까지 익스 고집하시는 분들, 이젠 바꾸세요!!

## 어려운 질문은 답변해 드릴 수 없습니다.

소스 보시면 누구나 쉽게 수정할 수 있도록, 추가하거나 수정된것은 주석 넣었습니다.

적당히 자신의 홈피에 맞게 수정해서 사용하세요.

감사합니다.

New FAQ Skin

2010-10-04T15:11:22+09:00

FAQ 게시판입니다.

예전에 제가 만들었던 구 FAQ게시판은 더 이상 업데이트하지 않습니다.

그리고 이 게시판 스킨은 항시 게시판모듈 최신버전에 맞추어 제작 할 것이기 때문에,

연동 자료에 게시판이 있습니다 ((FAQ게시판 스킨을 쉬운 설치에서 받으면 게시판 모듈도 같이 업데이트 됩니다.))

ver 1.0
- 제목클릭시 아래로 본문내용 출력
- 공지사항은 원래 게시판과 동일하게 게시글로 갑니다.
- 상단에 검색바를 배치
- 카테고리 오른쪽 "모든 답변 열기/닫기" 버튼
- 게시판 관리 권한이 없는 사람 (일반회원)은 하단의 쓰기 및 게시글 관리 버튼 안보임
- 게시판 관리 권한이 없는 사람 (일반회원)은 일반 질문글 본문으로 가는 버튼(연필모양) 안보임
- IE6은 png 이미지사용으로 인해 이미지가 이상할 수 있음
- 모든 답변 열기 했을시 너무많은 내용으로 인해 밑에서 다시 위로 올라오기 힘들것을
  대비해 위로가기 버튼배치

JPG 이미지 자동 축소 애드온

2010-02-09T18:29:15+09:00

JPG 이미지를 자동 축소해서 저장하는 애드온입니다.

기존 덱스터님이 배포하신 모듈과 거의 비슷한 기능을 합니다.
다만 jpg화일만을 대상으로 합니다.
gif나 png 화일은 거의 사용할 필요가 없어서 제외했습니다.

2010 02 09 Ver 0.6 --------------------------------------
품질에 관해서 의견을 주신 분이 있어서 품질을 조절할 수 있게 수정했습니다.
설정에서 품질을 설정해주시면 됩니다.
참고로 quality의 최대치는 100이며
숫자가 낮아질수록 화일 사이즈는 작아지지만 품질은 떨어집니다.
최고의 품질을 원하시는 분을 100을 입력하고
가능하면 디스크공간을 절약하실 분은 50-60정도가 적당할 듯합니다.
입력하지않은 경우 기본은 80입니다.

2010 02 08 Ver 0.5 --------------------------------------
xe 내부기능을 이용합니다.
따라서 gd 버전과 상관없이 xe가 동작하면 작동합니다.

크기를 가로축을 기준으로 축소할 수도 있고
가로세로중 길이가 긴쪽을 기준으로 축소할 수도 있습니다.
크기를 입력하지 않으면 1024px로 작동합니다.

이 역시 제가 사용하고 있는 애드온인데 필요하신 분들이 많으실 것같아서 공개합니다.

한가지 단점은
xe 자체가 gd를 기반으로 핸들링하기 때문에 Exif 데이터가 소실됩니다.
참고하시기 바랍니다.

아래의 덱스터님의 "이미지 자동축소"모듈과 같이 사용이 가능합니다.

https://moonhouse.co.kr/zbxe/194339

이 두개를 따로 따로 지정하니 두가지의 크기를 mid별로 설정 할 수 있네요.^.^ Good

FAQ게시판

2010-01-23T14:03:30+09:00

특정화된 게시판스킨입니다.

회사홈페이지에 보면 가끔식 보이는 "자주 묻는 질문" 이라는 란을 XE게시판 형식으로 만든 것입니다.

필요한 사람은 꼭 필요한 기능이겠죠.

게시판EX

2010-01-23T13:55:45+09:00

XE기존 게시판보다 다양한 옵션을 설정할 수 있는 게시판모듈입니다.(게시판스킨이 아닙니다)

단점이라면 단점인 것이 기존 게시판과 호환이 되지를 않는부분인데

기존의 게시판도 쉽게 옮길 수 있는 모듈도 파이델님이 만드셔서 올려 놓았으므로 편리합니다.

문하우스홈피에는 게시판EX의 기능들이 그렇데 많이 필요치가 않아서 크게 사용은 하지 않지만

기능들이 필요하신 분들은 굉장히 도움이 되는 게시판이 될 것 같습니다.

추천사용 / 포인트사용 기능

여러가지의 기본형태 / 댓글과 트랙백을 토글기능으로 감추기

글 작성시 클릭부분을 클릭하면 이미 작성되어진 태그 목록들이 아래와 같이 나와서 편리합니다.

회원가입 확장 모듈

2010-01-23T13:42:02+09:00

난다날아님의 회원가입 확장모듈입니다.

XE기본의 회원가입 설정의 빈약함을 깔금하게 채워주는 프로그램입니다.

사용설명은 이미지로 대싱합니다.

스케줄게시판 모듈스킨

2010-01-15T16:14:44+09:00

스킨을 사용하기 위해서는,

라르게덴님의 스킨상에서 함수 추가 애드온을 설치후 애드온을 켜주셔야합니다.func_include.zip

스케줄게시판 모듈스킨의 설치 경로는 ./modules/board/skins/schedule 입니다. schedule.zip

또한 확장변수를 하나 만드셔야합니다.

변수명은 반드시 extra_vars1로 해주시구요 text or 일자 로 하나 만들어주세요.

글 작성시 2010년 1월 12일일 경우에는 20100112 와 같이 확장변수에 입력해주세요.

위의 내용이 원본내용입니다.

아래부터는 팔공산의 글입니다.

원본파일에는 xe가 루트에 설치된 경우에만 적용이 되더군요. 수정했습니다.

제가 나름대로 필요한 곳이 있어서 이곳 저곳 수정했습니다.

필요없는 파일이나 이미지, 소스들은 정리했습니다.

p.s 내용글 없이도 글쓰기 가능하게 수정할려면 insert.xml 파일을 .\modules\board\tpl\filter\안에 덮어 씌우세요.

[수정] 휴지통 애드온 1.0

2009-02-19T15:08:13+09:00

안녕하세요..

지연아빠입니다.

이번에는 휴지통 애드온을 소개합니다.

휴지통 애드온은 띵야 (tongil20)님께서 요청하셔서 구현해 본것이구요..

기능은 삭제되는 모든 게시물(게시물을 읽고 삭제하는 상황)을 관리자가 지정한 게시판으로 복사하는 것입니다.

윈도우에 있는 휴지통의 개념이라고 생각하시면 되고 실수로 게시물이 삭제되는 것을 방지하는 용도라고 볼수 있습니다.

설정하는 법은 너무 간단하여 다들 아시겠지만 혹시 몰라 적어봅니다.

1. 첨부파일을 계정의 addon폴더에 복사합니다.

2. 게시물을 복사할 게시판을 만듭니다.

3. 애드온에서 복사시킬 게시판 모듈을 적고 적용시킬 모듈을 선택하면 끝납니다.

**주의 : 일반 사용자 및 관리자가 게시물을 읽고 삭제하는 것이 아닌 관리자가 [게시물 관리]를 클릭하여 삭제하는 것은 삭제의도가 분명하기에 그냥 삭제되도록 되어 있습니다.............혼란 없으시길 바랍니다....

사용상 문제점이 있거나 오류사항이 있으면 아래에 댓글 남겨주세요...

감사합니다...

----------------------------------------------------수정사항-------------------------------------------------------------------

띵야님 제보 - 휴지통 게시판으로 지정된 게시판의 내용은 삭제하면 그냥 삭제되도록 바꾸었습니다.

[긴급수정-2009년 2월18일 오후2시] 추천/비추천 게시물 복사/이동 애드온 1.0

2009-02-19T15:06:48+09:00

----------------------------------------------------------------------------------------------
긴급수정: 2009년 2월 18일 오후 2시
위 날짜 이전에 이 애드온을 받아서 사용하시는 분들중 글을 쓸때 파일 첨부시
"게시물의 비추천수가 많아 이동되었습니다." 라는 문구가 나오시는 분들은
다시 받아서 업로드 하시기 바랍니다.
죄송합니다.

ps. 파귀극마님 제보 감사드립니다.
-------------------------------------------------------------------------------------------------

안녕하세요..

지연아빠입니다.

지금 소개해드리는 애드온은 게시물의 추천수/비추천수가 일정수 이상되면 관리자가 지정한 특정 게시판으로 게시물을 복사/이동하는 애드온입니다.

관리자가 자리를 비운사이 스팸이 올라온다거나 게시판의 성격과 어울리지 않는 글을 올리게 되면 사용자들이 비추천을 눌러 게시물을 이동시킨 다든가 추천수가 일정수 이상인 게시물을 다른 게시판으로 복사하여 베스트 게시판으로 쓰시는등 쓰시기에 따라 용도가 다양하리라 생각됩니다.

동작

지정한 추천수 이상이 되면 지정된 게시판으로 복사합니다.
(비나무님 의견)

지정한 비추천수 이상이 되면 지정된 게시판으로 복사 후 삭제합니다.
(스팸이 올라와 비추천을 누른 경우 게시판 번호를 변경하여 차후 접근을 막는 의도입니다.-백성찬님 의견)

설정하는 법은 너무 간단하여 다들 아시겠지만 혹시 몰라 적어봅니다.

1. 첨부파일을 계정의 addon폴더에 복사합니다.

2. 게시물을 복사/이동시킬 게시판을 만듭니다.

3. 추천 및 비추천수와 복사/이동시킬 게시판 모듈을 적고 적용시킬 모듈을 선택하면 끝납니다.

사용상 문제점이 있거나 오류사항이 있으면 아래에 댓글 남겨주세요...

감사합니다...

디카사진 플래시 갤러리 4 (업데이트)

2009-02-19T02:09:08+09:00

2009년 2월 19일 업데이트 내용입니다.
==========================================================
저아래 첨부사진 4개 표시하면서 그림위에 설명 합니다.
새로 첨부된 "dicasajin_flash_gallery_4_19.zip" -> dicasajin_flash_gallery_4.zip 로 이름변경
하신 다음 아래 설치방법과 같이 하면 됩니다.

frame_width="4"          : 사진 테두리 폭을 설정합니다.(기본:4)
stage_padding="10"   : 스테이즈 간격 설정합니다.(기본:10)이것은 큰사진과 섬브리스트 간격입니다.
thumbnail_columns="2"    : 작은 섬네일의 가로 갯수를 지정합니다. (기본:2)
thumbnail_rows="4"          : 작은 섬네일의 세로 갯수를 지정합니다. (기본:4)
nav_position="none"        : 섬네일 리스트 위치 및 사용 유무
thumb_frame_width="1"    : 작은 섬네일의 테두리 폭을 지정합니다. (기본:1)
thumb_space="5"              : 작은 섬네일간의 간격을 지정합니다. (기본:5)

특히나 nav_position="none" 이 기능이 최고입니다.
제가 소오스 덜 분석한 결과 몰랐던것을 알게되서 수정하게 되었습니다.
그럼 이만 줄입니다.
애고 오전 1시 입니다.
안녕히들 주무세요.

p.s. 애고 실수로 list.html이 잘못된놈이 올라가서 스킨 설정데로 되지 않는군요.
첨부한 list.html 를 "widgets/dicasajin_flash_gallery_4/skins/default/" 방에 엎어서 올리시기 바랍니다.

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

어찌 어찌 하다보니 벌써 플래시 갤러리 5개째 입니다.
공개하지 못하는 것은 라이센스 문제가 있기 때문이니 이점 알아주시기 바랍니다.

이것 역시 만들어서 혼자 사용하기 아까워서 올려봅니다.
혹시 필요하신분이 있으면 사용해 보시기 바랍니다.

이 플래시는 http://www.veppa.com 라는 데서 소오스 공개한 프리버전입니다.
일단 프리로 공개한 분들깨 감사드립니다.(뭐 여기 올일도 없을겁니다.)

하여간 여기 소오스 수정하고 XE 연동을 위해 노가다 일을 많이 한것 입니다.

그래도 저는 마음에 들어서 사용하려고 합니다.
파폭과 오페라 등에서도 잘 됩니다.
파폭에서 않될경우 첨부된 플래시 플래이어 설치 하시기 바랍니다.

자 그럼 설치로 넘어가지요.

1. dicasajin_flash_gallery_4.zip

역시 이것 역시 제 스타일 데로 입니다.

바탕이나 색 설정은 제 스타일로 흙백과 랜덤칼라,투명모드 지원합니다.
바탕은 현재 6개 정도 만들어 놓았으니 사용하시면 됩니다.
또한 타이틀바 사용 유무도 설정이 됩니다. 그외 복잡한 파라메터는 아래 설명합니다.

설치 결로는 "widgets/" 방에 풀어서 올리시면 됩니다.
즉 풀린것에서 "dicasajin_flash_gallery_4" 폴더를 widgets 방에 통째로 올리시면 됩니다.(스킨즈 방이 아님을 명심하세요.)
압축을 푸실때 "dicasajin_flash_gallery_4"에 압축풀기로 하시기 바랍니다.

그런다음 관리자->관리모듈->위젯에 가셔서 "디카사진 플래시 갤러리 4"를
선택해서 코드생성에 들어가셔서 스킨선택에서 "디카사진 플래시 갤러리 4 스킨 (default)"을 선택하신 다음 코드생성를 하시면 됩니다.

이때 칼러셋 및 복잡한 여러가지를 설정합니다.

2. 위젯 샘플 및 파라메터 설명

<img class="zbxe_widget_output" widget="dicasajin_flash_gallery_4" skin="default" colorset="random_color" use_title_bar="Y" title="플래시 갤러리 4" title_cut_size="20" order_target="list_order" order_type="desc" subject_cut_size="20" flash_width="500" flash_height="368" thumbnail_type="ratio" thumbnail_width="60" thumbnail_height="60" large_thumbnail_width="360" large_thumbnail_height="360" display_subject="Y" display_author="Y" display_regdate="Y" slide_show="true" show_delay="4" text_color="0x333333" frame_color="0x99cc00" list_count="20" mid_list="GalleryAnimal,GalleryFlower,GalleryPerson,GalleryFree,GalleryLand" />

colorset="random_color" 이것은 제 스타일로 타이틀바를 그릴때 사용하는데 위제코드 생성하실때 보시면 원하는것 선택 하시면 됩니다.
        사용하지 않을때는 저밑에 use_title_bar="N" 하시면 됩니다.
use_title_bar="Y"    타이틀바 사용유무 입니다.
title="플래시 갤러리 4" 타이틀바 제목입니다.
title_cut_size="20"   타이틀바 제목길이설정입니다.
subject_cut_size="20"   사진제목 길이 설정 입니다.
flash_width="500"    플래시 가로폭입니다. 현재 설정된 값이고 이것을 늘리면 공간이 더 늘어나서 오른쪽 작은 섬브네일 갯수를 늘릴수 있습니다.
flash_height="368"    플래시 세로폭 입니다.이것은 고정하시기 바랍니다. 부득히 변경하시려면 해 보시기 바랍니다.
        이것은 또한 large_thumbnail_width 와 맞추어서 설정한것이라 변경하면 사진이 축소 또는 확대됨으로 사진의 질이 저하되어 출력될수 있습니다.
thumbnail_type="ratio"   섬브네일 생성방법입니다. 이것은 큰사진(large_thumbnail) 즉 왼쪽 사진용 설정입니다.
        작은 섬브네일은 자동으로 크랍모드로 작동합니다.
thumbnail_width="60"   오른쪽 작은 섬브네일 사이즈 입니다.
thumbnail_height="60"   오른쪽 작은 섬브네일 사이즈 입니다.
        이 사이즈가 적당한것 같습니다.여거 가지로 시도해 보시기 바랍니다.
large_thumbnail_width="360" 왼쪽 큰사진 사이즈 입니다.위에 적은데로 이것은 플래시 세로폭과 맞추었기 때문에 이 사이즈로 사용을 권장합니다.
large_thumbnail_height="360"
display_subject="Y"   사진 제목 표시 여부
display_author="Y"    작자 표시 여부
display_regdate="Y"   날짜 표시 여부
slide_show="true"    시작시 슬라이드 쇼 시작 여부
show_delay="4"     슬라이즈 쇼 지연시간
text_color="0x333333"   제목 및 작자,날짜 표시되는 칼라입니다.
frame_color="0x99cc00"   사진에 테두리 칼라 입니다.
list_count="20"    표시되는 리스트 카운트 갯수입니다.
        게시판에 존재하는 갯수보다 많게 적용하시면 먹통될수도 있습니다.

mid_list="GalleryAnimal" 한개 혹은 여러개의 겔러리 선태 가능

3. 주의 사항

대개들 안되는 분들은 너무 성급하게 생각하시고 설치 안내를 잘 읽지 않고 하시는 경우가 있더군요.
설치방의 스킨 방에 보시면 xml 방이 있고 그 밑에 gallery.xml이 생성됩니다.
이 파일 권한 설정이 777로 되어야 합니다.
xml 방도 같이 설정해 주시기 바랍니다.
저는 개인 서버라 관계가 없습니다.

또한 스킨 방에 list.html은 손대실때는 신중히 하시기 바랍니다.
설정값을 리스트 할때 복잡함으로 ' 나 " 순서가 바뀐다거나 다른것으로 대체되면 이 플래시 동작 거부합니다.

4. 적용사이트 보기

http://dicasajin.goanygate.com:8080/PageForum

5. 마지막으로 설치시 문제는

제가 올린 http://www.zeroboard.com/17698842#40
에 댓글에서도 찿으실수 있습니다.

6. 파폭에서 안될때

파폭용 플래시 버전이 낮아서 그렇니다.
아래 첨무한 install_flash_player.exe 를 설치하시면 됩니다.
저도 고민했는데 이것을 잊고 있었습니다.
안되던것들이 전부 이제는 됩니다.

모쪼록 성공하시기 바랍니다.

스크린 샷도 함깨 올립니다.

샘플 1 (타이틀바 적용,마우스 사진위에 갔다데면 스크롤이 나옵니다. 역시 제목도 보이지요,
검정바탕입니다.)

샘플 2 (랜덤칼라이면서 타이틀바 미사용입니다.마우스가 밖에 있을때 제목 표시 하지 않습니다.)

샘플 3 (타이틀바 적용,백색 바탕,오른쪽 스크롤리 나옵니다.)

샘플 4 (타이틀바 적용,랜덤칼라,마우스 중앙에 갔다대면 슬라이드 쇼 활성화 됩니다.
그리고 적당한 곳에 대고 누르면 사진으로 링크됩니다.)

샘플 5 (타이틀바 적용하지 않고,랜덤칼라 입니다.제목칸에 마우스 올리면 제목이 나타나지요)

샘플 6 (nav_position="none" 인 경우 입니다. 이때는 플래시 가로폭을 조정하시면 보기 좋겠지요,이 기능이 최고지요. 응용이 많으리라 봅니다.)
샘플 7 (nav_position="top" 인 경우입니다. 이때 역시 플래시 세로폭을 크게 주어야 아래 사진이 제대로 나옵니다.)
샘플 8 (nav_position="bottom" 인 경우 입니다. 이때 역시 플래시 세로폭 조정해야 합니다.)
샘플 9 (nav_position="left" 입니다.)

2009.02.19 01:33:55 (59.25.236.227)

참 좋은 이미지위젯입니다.
이제 서서히 플래시위젯들도 나오고 좋네요. 추천 꽝!

그런데 랜덤배경은 적용이 되는데 휜색과 검정색이 투명으로 나옵니다.
그리고 위의 본문에서 nav_position="left" 이부분에서 navPosition="left"으로 수정해야 하는 것 아닌가요.
소스에서 한참 찾았습니다.^.^

경로도 {@$Path = "";} 이부분을 {@$Path = _XE_PATH_;} 이렇게 하니 저는 잘 나오는군요.

2009.02.19 01:54:37 (*.199.185.188)

하하호호33

자기전에 들어와 보니 제가 테스트 하던 줄이 list.html에 있었군요.
스킨이 흙백 되도록 수정한 버전 첨부해서 올렸습니다.(list.html)
감사합니다. 버그 잡아주셔서....
"그리고 nav_position="left" 이부분에서 navPosition="left" 으니 아닙니다."
실제적으로 gallery.xml에는 navPosition="left" 로 출력됩니다.
내부적으로 사용하는 이름입니다.

플래시 이미지 출력 슬라이드

2009-02-06T20:54:03+09:00

< 검은색바탕에 적용한 예 >

< 하얀색바탕에 적용한 예 >

저번작?에 많은 관심 가져주심에 힘입어 좀더 퀄리티?를 높여밨습니당 ㅎㅎ;;
네이버_포토갤러리에 쓰이는 디자인과 동일합니다...(디자인에는 영~소질없기에;;;)

적용 사이트 : http://www.2soon10.com/

먼저 900 * 362 사이즈와
         650 * 340 사이즈 두개를 제작했구요..

-변경된 사항-
1. 투명제작
2. 자동 슬라이드 기능(시간조절 사용자입력가능)
3. 텍스트길이에 따라 박스크기조절
4. 좌우 이동 버튼 삽입

_______________________________________________________________________
:: 설치방법 ::
1. 원하시는 사이즈로 파일을 받는다
    900 x 362 사이즈 = ztyle_v031.zip
    650 x 340 사이즈 = ztyle_v032.zip
2. 압축을 푸시고 XE를 설치한 곳에서 widgets/newest_images/skins/ 에 폴더채 업로드 한다.
3. 폴더 안에 보시면 xml 폴더가 있는데 그 폴더 퍼미션을 777로 변경한다.
4. 이제 페이지수정에서 위젯을 불러와서 다음과 같이 수정한다.
     글 제목길이 : 제한없음...
     이미지 크기 : ztyle_v031.zip(가로 900px)의 경우 = 가로 : 580 세로 : 331
     이미지 크기 : ztyle_v032.zip(가로 650px)의 경우 = 가로 : 416 세로 : 236
5. 가로 이미지수 : 10개이하!! (10개넘을시 작성자가 안나와여 ㅠㅠ)
6. 세로 이미지수 : 비워둔다.
_______________________________________________________________________

_______________________________________________________________________
:: 소스수정 ::
list.html 파일을 열어보세요.
58번줄에 {@$Time = 5000;} 
저곳을 숫자를 바꾸시면 자동슬라이드 넘기는 시간이 변경됩니다.
_______________________________________________________________________

위와 같이 설정하시면 됩니다..

가로 이미지수를 10개 이상으로 할경우 작성자가 안나오는 문제는 해결 못봤네여;; 텍스트필드 말고 BitmapData()로 이미지화해봤는데;;
그게 촘 문제나긴 하는데... 10개까지는 정상 됩니다 ㅎㅎ ;
어짜피 10개이상이면 리소스도 마니 잡아먹을테고 버벅일테니깐여;;
개인서버에서 안된다는 문제점은... 모르겠심더 ㅠㅠ 고수분들 도움을 ~~

많은 분들에게 유용하게 쓰였으면 좋겠네여..
들렀다 가시면서 추천한방 꾸욱 눌러주심 더욱 감사요~ ㅎㅎ

ztyle_v031.zip (1.06MB)(28)

ztyle_v032.zip (1.06MB)(51)

플래시 갤러리

2009-01-24T01:21:16+09:00

아이팟플래시 갤러리 소스를 수정해서 적용해봤습니다.
플래시 사이즈는 650 * 400 이구요
썸네일 사이즈는 450 * 280 입니다.
이미지 위에 검은색박스에 위젯 제목과 게시판제목, 작성자만 출력됩니다. ( 마니 나오면 촘 지저분해보여서;;)

마우스휠로 슬라이드 이동 가능.
스크롤바로 드래그 이동 가능.
좌우 썸네일 클릭으로 슬라이드 이동
정면에 보이는 썸네일 더블클릭으로 게시글로 이동(더블클릭하셔야 게시글로 이동됩니당 ㅠㅠ)

현재 적용된 사이트 : http://www.2soon10.com/
기본 레이아웃에 적용된 경우 : http://www.2soon10.com/test/

ztyle_v02.zip을 압축 푸신후 ,
ZBXE가 깔린 곳 /widgets/newest_images/skins/ 에 풀어주시면 됩니다.
제목은 위 스샷에서 빨간색 글씨로 들어가고요(왠만하면 영어로 써주심이 보기 좋겠네여 ㅎㅎ; )
나머지 손볼곳은 이미지 사이즈만 450 * 280 으로 맞춰주시면 되고요
아래 스샷잘못됐었는데... 세로 이미지가 아니라 가로 이미지수만 입력하시면 됩니다..
글 제목길이도..20~25가 적당하겠네요

사무실서 일하다가 슬쩍슬쩍 만든거라..
아직 테스트도 마니 못해봤고... 좀 마니 허접한 실력으로 여기저기 쑤셔서 만든거라 쌩뚱맞을지 모르지만 ㅎㅎ
잼께 쓰셔보시고 문제 있으시면 알려주세요.. ㅋ

아참
새해 복 마니 받으세요들~~~^^

==========수정사항 090122 ==============
아차차 죄송해여 스킨설치경로를 제꺼에서 수정안하고 올렸네여 ㅠ

view plain copy to clipboard print ?

{@$location = "widgets/newest_images/skins/ztyle_v02/";}

{@$location = "widgets/newest_images/skins/ztyle_v02/";} <!-- 스킨설치경로 -->

첨부파일에 수정해서 올렸으니 전에 받으셨던분은 덥어씌우셔도 됩니다 ㅈㅅㅈㅅ

몇몇분이 텍스트부분이 이미지에 방해가 된다고 하셔서 수정해봤어여 ↓↓↓↓↓↓↓
================================================첨부파일 ztyle_v2.swf==============================
친구 아들사진인데 이런데 올렸다고 머라칼라나 ㅡ,.ㅡa
위 스샷처럼 수정했으니 첨부파일 ztyle_v2.swf 파일 받으셔서 덮어 씌우시면 되겠습니다 ㅎ;
불편을 끼쳐 죄송~~~~ ㅡㅡ __

<유의사항>
xml 폴더의 퍼미션을 777로 변경해주세요!!
그래야 자동으로 파일이 생성된답니다 ㅠㅠ 설명이 부실해서 많은 사람들께 불편을 끼쳤네여

ztyle_v02.zip (1.30MB)(81)

ztyle_v2.swf (1.20MB)(80)

sungjaeq

저는 왜 자동생성이 안되는지 ㅠㅠ...

이 댓글을..

2009.01.23 00:52:26 (*.128.106.117)

ztyle

스킨폴더 전체 퍼미션 777로 고쳐노코 해보셔요...
제다른계정으로 해보니 같은 증상 나와서.. 퍼미션 777로 하니깐 나오는군요...
불편끼쳐 죄송 ㅠㅠ
특히 xml폴더 퍼미션 777 확인하세요~~!!

블랙화면 나오시는분들~ (xml파일은 생성되는데 블랙화면만 나오신다면...)
xml폴더에 파일생성되는걸보면.. 혹시 XE를 루트에서 폴더생성하셔서 설치하셨는지요....
제가 지금 확인해보니 XE를 루트에 까신분은 소스대로 작동잘되는데... XE를 폴더생성하셔서 설치하신분은 플래시경로 수정해야되네여...

- ztyle_v02/list.html 원래소스 -
<p class="Gallery_Box"><script type="text/javascript">F_viewSwf('650','400','transparent','{$SWF_dir}','{$fileinfo}');</script></p>

- XE가 루트에서 /zbxe/라는 폴더에 설치한경우 -
<p class="Gallery_Box">
<script type="text/javascript">
F_viewSwf('650','400','transparent','/zbxe/widgets/newest_images/skins/ztyle_v02/ztyle_v2.swf'
,'/zbxe/widgets/newest_images/skins/ztyle_v02/xml/list_info.xml');
</script></p>

↑↑↑위 수정한소스처럼.. 본인이 XE설치한 폴더주소대로 맞춰서 주소를 직접입력해주세요..

oliris PicLens 애드온 v1.0.4 [수정] 입니다.

2009-01-16T21:28:53+09:00

버그 & 개선

2009.01.08 15:00 ... v1.0.4
- info.xml 중 document_srl이란 변수가 충돌이 나는 듯 해서 애드온 설정에 제대로 안됨
이를 document_id란 변수로 변경
2008.11.09 20:00 ... v1.0.3
- 자체 실행에서 모듈 호출이 아닌 변수 호출로 변경
- 출력 대상 모듈 입력 시 선택 모듈의 값이 없이 전체로 보여지는 문제 개선
- 특문, 공백 등의 이유로 인한 섬네일 처리 문제를 개선
2008.11.08 21:15 ... v1.0.2
- 외부페이지, 페이지 모듈에서 템플렛 처리를 못하는 부분 개선
2008.11.08 12:00 ... v1.0.1
- mid명이 없어 문서번호로만 불러올 경우 mid값을 못 불러오는 사항 추가

Cooliris PicLens 애드온 v1.0

본 애드온은 Cooliris 사의 이미지 뷰어 plug-in인 PicLens 를 이용하여 제로보드XE의 이미지를 보다 멋지게
보여주는 애드온 입니다.

구성요소

● PicLens 애드온 실행 파일
● medias 모듈용 스킨(애드온 내부 포함)
● xe_files 용 스킨

구성 파일

● piclensv1.0.2.zip

설치방법

1. 하단 첨부파일의 piclensv1.0.2.zip을 다운 받아 적당한 위치에서 압축을 푼다.(현재폴더로 푸세요)
2. piclens 폴더를 zbxe/addons/ 폴더 안에 복사한다.
3. 제로보드XE 관리자 페이지에서 애드온 메뉴를 눌러서 piclens '설정' 을 누른다.

● 출력형태
    o XE files : xe_files 라는 제로보드 첨부파일 db table을 이용하여 출력 할 경우 선택하세요(기본값)
        게시물의 첨부파일을 가지고 일단 jpg,gif,png 만 찾아서 출력하도록 했습니다.
    o medias : 기존에 medias 모듈을 이용하여 출력 할 경우 선택하세요.
        기존에 medias 모듈로 설치하여 이용하는 분들은 이걸 선택하세요.
● 문서 사용 여부
    o 선택된 모듈의 전체 내용(리스트상에서)이 표시되지 않고 해당 게시물을 선택 할 경우에 게시물의
        이미지만 표시하도록 합니다.(기본값 Y로 문서 선택시에 문서상의 이미지만 출력 합니다.)
● 정렬방식
    o 오름차순, 내림차순 식으로 끝에서 끝의 정렬을 바꿀 수 있습니다. (기본값 오름차순)
● 출력 갯수
    o 한번에 출력될 수를 정할 수 있습니다. 많으면 트래픽이 발생되어 느릴 수 있습니다. (기본값 100)
● Thumbnail width,height
    o 현재 문제가 되고 있는게 섬네일을 할때 해상도가 커서 용량이 크면 오류가 발생되는 문제가 있습니다.
        (제로보드XE 문제가 아니라..) php.ini에서 memory_limit 설정으로 늘릴 순 있지만 호스팅을 받고
        있다면 설정이 어렵기 때문에 해당 사이즈 이상의 해상도는 섬네일을 하지 않고 대체 이미지를 표시
        합니다. 대체 이미지는 addons/piclens/images 에 있습니다.
● 출력 대상 모듈
    o 출력할때 이용할 모듈 모듈명으로 적어주세요. 두개 이상일 경우 ',' 로 구분해주세요.(board,board2)
        공란일 경우 현재 실행되는 모듈의 이미지만 출력 합니다.
● 모듈
    o 이 애드온을 실행할 모듈을 선택하세요.

실행방법

http://www.cooliris.com/ 에서 제공하는 plug-in 입니다.
각종 OS나 브라우져 별로 되니까 해당 사이트에서 설명 읽어보시고 설치해주세요.
설치가 완료 되면 브라우져 구석에 위와 같은 아이콘이 생깁니다.
저 아이콘은 기본적으로 흑백인데 실행 가능한 상태가 되면 색을 띄면서 활성화 됩니다.

● 자체 실행 방법(2008.11.09 20:00 수정 )

<a href="javascript:PicLensLite.start({ feedUrl:'{$piclens_url}' });">
 PicLens 실행 
<img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" align="absmiddle" />
</a>

해당 문구를 원하는 레이아웃이나 스킨에 삽입하시고 실행하시면 됩니다.

ps : plug-in이 설치되지 않았을 경우에도 스크립트용 이미지뷰어가 실행됩니다.

주의 & 참고

1. 기존에 medias 모듈로 piclens 어렵게 설치하셨던 분들은 설치하실 때
기존에 piclens 애드온을 삭제하시고 복사해주세요.
또한 레이아웃에서 head 등에 선언된 piclens용 정보들은 전부 지워주세요.

2. 서버부하 등으로 인해 piclens 기본값을 게시물 선택시로 했습니다.
원래 그 쪽이 더 알맞다고 생각 되네요.

3. 익스 등에서 한글로 이미지를 업로드 할 경우에 정상적으로 출력되지 않을 수 있습니다.
섬네일 처리를 한글 파일이면 제대로 못하네요(제가 손본 섬네일이 어설퍼서 ^^)

4. addons/piclens/skins/medias 에 스킨파일을 보시면 알겠지만 medias 위젯입니다.
본인이 희망하시는 데로 입맛에 맞게 적절히 수정하셔서 사용하시면 되겠습니다.

5. medias 모듈과 xe_files 이용하는건 차이가 있습니다.
medias은 본문에 기재된 이미지는 모두 출력 합니다.(외부 이미지를 게시물로 저장시키는 방식)
xe_files은 본문에 등록 여하에 관계없이 오직 첨부파일로만 출력 합니다.

누락사항

전체로 출력할 경우 비밀글에 대한 처리를 하지 않았습니다.
비밀글을 표시안할려면 테이블 조인이 필요하기에 복잡해 지기도 하고, 제가 좀 시간이 많지 않아서요 ^^
나중에 버그나 기타 개선사항 같은데 있다면 그때 한대모아 수정해보겠습니다.

테스트

http://www.animeclub.net/zbXE

이곳에서 이미지가 있는 본문을 클릭하시면 테스트 가능합니다.

이번에 새롭게 자체 애드온을 만들게 되었습니다.
템플렛 처리가 애드온에서 될까 라는 생각만 하고있다가 어제(벌써 12시넘었네요) 점심 때 해봤는데 되더라고요.
그래서 그냥 만들게 되어 버렸습니다. ^^
이 애드온은 기존의 medias 모듈이 없어도 제로보드XE의 첨부파일 정보를 이용해서 출력해 줍니다.
또한 첨부파일로 출력할 경우 출력된 이미지를 통하여 해당 게시물로 이동 가능합니다.

문의는 위 제 사이트나 여기로 남겨주세요.

ps : 많은 문의가 필요하신 분은 쪽지 등으로 주세요 ^^

ps2 : document_srl 이란 변수가 무언가의 충돌로 설정이 되지 않아 전체 출력 N.Y가 되지 않던 부분을
document_id로 바꿨습니다. 테스트 해보시고 혹 잘 안되시거든 쪽지 보내주세요 ^^
1.1.4(1.1.5 패치된 버전) 최신 버전 에서 테스트 했습니다.

piclensv1.0.4.zip (20.7KB)(8)

웹 폰트 적용 애드온입니다. ※ 업로드 불가

2009-01-13T13:54:47+09:00

안녕하세요 ;ㅂ;

제로보드 XE 로 블로그처럼 만들어 운영하고있는 "카니엘" 입니다.

아마 절 아시는분이 없으실거라고 봐요 ;ㅂ;..

그럼 잡담은 그만두고... 본론으로....

이 애드온은 제가 사이트와 블로그를 XE 하나로 나누어서 운영중입니다 ;ㅂ;..

꼼수를 이용중인데요..;;

이번에 제가 블로그에 웹 폰트를 적용시키고자 하였는데

웹폰트를 적용시키는 애드온이 없더군요 ;ㅂ;...

더구나 저는 꼼수를 이용해서 블로그의 내용은 iframe 으로 본문을 출력하게해둬

레이아웃만 손봐선 내용이 적용이 않되서... 할수없이 제가 만들어보았습니다 ;ㅂ;...

아직 초보의 실력이라 "이게 뭐야?" 라는분도 계실텐데요 ;ㅂ;..

초보니까 좀 봐주세요 하핫 ^^;;;

미리보기는 http://www.kuroi-neko.kr/ 로 오시면 됩니다만 웹폰트가 적용된걸 미리볼필요는 없지 않을까 .. 생각됩니다.

다운로드 : webfont.zip

업로드 : xe / addon / webfont / 형식으로 업로드하시면 됩니다.

이미지를 보시면 별로 어렵진 안습니다 ;ㅂ;...

그리고 이 애드온은 그저 head 안에 css 를 뿌리는거라 매우 단순한 애드온이죠...

폰트명은 알맞게 맞춰주시면됩니다

그리고 만드는김에 웹폰트를 업로드형식으로하려고했는데...

type 를 어떻게줘야될지..;; file 도 않되고.. 해서 혹시 원래 업로드 않되는거 아냐? 해서 image 해도 않되던...

그래서 업로드방식은 없는거같아 그냥 URL 를 써서 이용하도록 해보았어요 ;ㅂ;

css 명은...

<style type="text/css"></style>

이런식으로 입력되서 ;ㅂ;.. 추가해봤습니다 ;ㅂ;.

비록 거대한 애드온은 아니지만 꼭 필요한 분이 있으리라보고 업로드합니다.

PS. 애드온으로 파일을 직접 업로드하는방법을 알고계신분은 수정/재배포 해주세요 ;ㅂ;

webfont.zip (1.2KB)(26)

로마네스크 최근 문서 출력 위젯

2009-01-10T02:00:52+09:00

소개
본 위젯은 기본 위젯에 몇가지 기능 및 사소한 오류 등을 개선한 최근 게시물 위젯 입니다.
- 사소한 오류 : 대상 모듈이 여러개일 경우(선택 시) 타이틀 링크에 http://사이트/? 로 표시되는 것
- 로마네스크 : 대상 모듈이 여러개일 경우 (선택 시) 제일 앞부분에 위치한 모듈명을 시작으로 함
(모듈 체크 안하면 역시 http://사이트/? 로 됩니다. 이런다고 문제는 없습니다.)

설치법
- 아래 첨부파일 rnq_newest_document.zip을 다운 받으셔서 압축을 푸시고 widgets/ 폴더안에 복사해주세요.
- 관리자 페이지 -> 위젯 -> 로마네스크 최근 문서 출력에서 코드생성 해주세요.
- 원하는 레이아웃, 페이지 등에 삽입하여 이용해주세요.

기능
총 7개의 추가 기능이 있습니다.

1. 내용 글자수
- 본 위젯은 최근 문서이지만 공지사항 기능도 지원되는 위젯 입니다.(스킨이 말이죠)
- 공지 내용(content)의 길이를 자르는 역할을 합니다.
2. 리스트 출력 여부
- 전체, 공지글, 일반글 로 3가지 모드로 출력 합니다.
3. 페이지 출력 여부
- 지난번에 만든 위젯과 같이 페이지 기능이 내장되어 있습니다.
4. 페이지 구분자
- 지난번의 위젯의 기능 개선 입니다.
- page란 변수를 같이 사용하던 것을 탈피하기 위해 page_구분자 로 변수를 생성해서 임의로 사용합니다.
- 본 위젯으로 생성되는 코드 중 페이지 사용을 하는 코드는 구분자를 숫자 0, 특문을 제외한 내용으로 넣어주세요.
(한마디로 한 페이지에서 페이지 변수를 여러개 사용해 볼 수 있도록 하는 옵션입니다.)
5. 페이지 목록수
- 목록은 임의 입력이 아닌 고정으로 했습니다. 최대 10까지만 지원 하도록 했습니다.
- 목록 수를 3이상 할 경우 해당 수에 따라서 prev next가 해당 수 만큼 건너 뜁니다.
(10으로 선택했다면 next는 10 페이지씩 건너 뜁니다. : 스킨을 그렇게 한거지 위젯 기능은 아닙니다.)
6. 가로 사이즈
- 해당 옵션은 본 위젯을 이용하여 만든 스킨에만 해당 합니다.
- 100 이하는 %(퍼센트)로써 계산 그 이후로는 px(픽셀)로 계산 됩니다.(스킨에서 이를 받아 줌)
7. 분류(카테고리) 구분
- 대상 모듈과 함께 category 별로도 출력 합니다.
- category는 명칭이 아닌 category_srl로써 57160,60526 이런 식으로 입력해 주시기 바랍니다.

아쉬운 기능들
- 모듈 타이틀명, mid명, category 이름 등 별도의 DB에 있는 내용을 최소한의 Query로 불러 들이고 싶었습니다.
category 이름은 캐쉬에서 불러 들여서 DB select를 하지 않으나 xe_module 정보는 출력 되는 리스트 중 종류별 module_srl만 모아서
딱 그 수만 부르도록 했습니다.(10개 리스트면 각각 DB select가 아닌 그 중 3가지의 module_srl 정보만 있다면 3번만 Query)
- SOL님의 이번 최신 버젼에서는 left outer 가 된다고 하더군요. 모듈 정보도 이를 이용하여 출력하면 DB 접근 안해도 될터인데
제가 어떻게 하는지 사용법을 모르겠습니다. 기능은 되었다는데 사용법을 몰라서... ㅠㅠ
- 오래전에 제안했었던 Query 문에 not like, not in 기능을 할 수 있도록 기능을 개선해 달라고 올렸던 적이 있는데
아직 기능개선이 안되었더군요. 카테고리 에서 해당 카테고리만 제외 같은 기능을 넣으려 했으나 본 기능이 없음으로 아쉽습니다.

스킨
- 본 위젯에는 아래의 3가지 스킨을 포함하고 있습니다.
- 스킨에 대한 자세한 내용은 위젯 스킨 자료실 게시판에서 확인하세요.

주의
캐시가 0이 아니면 페이지 기능은 동작하지 않습니다.
페이지는 요청 값에 따라 DB에서 값을 변화시키는건데 캐시는 DB에서 가져오진 않는 것 같아서요...
참고하시기 바랍니다.

본 위젯은 기본 위젯의 기능을 좀 높인 것이니 만큼 기존에 스킨들을 이곳에 올려 두고 사용하셔도 이용 가능합니다.

ps : 버그 받습니다. 초기이니 만큼 개선할 내용이 많을 거에요. ^^

이 위젯을 정상적으로 사용하기 위해서는 http://www.zeroboard.com/17559359 애드온을 설치해야만 합니다.

rnq_newest_document.zip (567.2KB)(24)

bgw_menu 위젯용 배너 스킨

2009-01-08T02:36:41+09:00

bgw_menu 위젯용 배너 스킨

1. 기능 :
- XE의 메뉴 기능을 이용해 배너를 출력하는 스킨입니다.

2. 장점 :
- 디비가 아닌 캐시파일에서 읽어 오기 때문에 디비에 부담을 줄여준다.

3. 설치 :
- 위젯설치 : 메뉴 출력 위젯 을 설치 후 ./widgets/bgw_menu/skins/ 에 스킨을 푸시면 됩니다.
- 배너 스킨 사용 화면

4. 설정 :
- 메뉴관리에서 배너이미지를 등록하시면 됩니다.

스킨에 대한 질문이나 오류는 http://www.bluegate.kr/?document_srl=116042 로 댓글 주시기 바랍니다.

banner.zip (1.2KB)(59)

게시글 상/하단 내용 입력 애드온 ver 0.2

2009-01-02T19:39:17+09:00

老姜君님의 게시물 추가 내용 출력 애드온( http://www.zeroboard.com/16784794 )을 수정했습니다. 원본과 다르게, 상단/하단 내용을 동시에 입력할 수 있습니다.
xml업데이트와 JSON 업데이트 이후에 추가된 메소드 명을 사용해서.. 1.1.0.이상에서 정상 작동합니다.
soo_add_content.tgz soo_add_content.zip 중 하나를 다운받으셔서 압축을 푸신 후,
생성되는 soo_add_content 폴더를 XE가 설치 된 폴더/addons에 업로드 하세요.
다르게 설명하면 soo_add_content.addon.php파일과 conf폴더의 위치가
XE가 설치 된 폴더/addons/soo_add_content 가 되면 됩니다.
설정 후, 적용 하시면 정상 작동 합니다.

애드온 설정창 미리보기

soo_add_content.zip (1.3KB)(52)

Snow 애드온

2008-12-24T19:11:23+09:00

공개된 눈이 내리는 스크립트를 이용해서 아주 간단한 애드온을 만들어봤습니다.
사용한 소스는 http://www.schillmania.com/projects/snowstorm/   이곳 이고요.

크리스마스 기념으로 돌려보시기 바랍니다 ^^

적용된 사이트 : http://www.teambh.net
다운로드 : snow_addon_0.2.zip

설치법 : 압축 해제후 snow 폴더를 addons 폴더 밑에 넣어주시면 됩니다.

* 배경이 흰색 계통이면 회색눈을 사용하시면 눈에 더 잘 보입니다.

추가 : 이미지 경로에 문제가 있어서 수정해서 다시 올립니다.
           24일 오후8시30분 이전에 받으셨던 분들은 다시 받아주시기 바랍니다.

snow.addon.php 을 열으셔서..

// PROPERTIES    <-- 이 부분을 찾으시면 아래로 설정할수 있는 값들이 있습니다.

var flakesMax = 1;
var flakesMaxActive = 100; //눈송이 갯수
var vMaxX = 20; //눈내리는 속도
var vMaxY = 10; //눈내리는 속도
var usePNG = true;
var flakeBottom = null;        // Integer for fixed bottom, 0 or null for "full-screen" snow effect
var snowStick = true;
var snowCollect = false;
var targetElement = null;      // element which snow will be appended to (document body if undefined)
var followMouse = true;
var flakeTypes = 6; //이미지갯수

snow_addon_0.2.zip (401.8KB)(34)

배너 스킨 - 7초마다 배너가 바뀌는 스킨

2008-12-09T09:21:35+09:00

똑띠님의 위젯을 제가 필요한 기능에 맞추어 조금 수정했습니다. ( 테스트 브라우저 : IE6,7,8, Safari, Firefox, Chrome )
미리보기 : http://www.young-hwa.es.kr/zbxe/

수정된 부분은
1. 배너가 정해진 수보다 많을 경우, 다음 칸으로 나뉘어지고 버튼으로 이전, 다음 배너를 볼 수 있습니다.
2. 7초가 지나면 자동으로 다음 배너가 보이게 됩니다.

< 설치방법 >
* 파일 올리기
1. 똑띠님의 배너 위젯을 먼저 설치합니다. (위치 : zbxe폴더/widgets/banner로 파일 올리기)
http://www.zeroboard.com/zbxe_pds_prog_widget/16686387

2. 이 스킨을 설치합니다. (위치 : zbxe폴더/widgets/banner/skins/findwind로 올리기)
findwind.zip

* 게시판 설정
- 확장변수를 5번까지 아래와 같이 수정합니다.

* 위젯 설치
- 수정된 게시판을 선택한 후 아래와 비슷하게 수정하면 됩니다.
- 썸네일 생성방법 : 특별한 경우가 아니면 ratio로 설정하는게...
- 이미지 가로, 세로크기 : 본인의 필요에 따라 적당하게 하시면 됩니다.
- 가로 이미지 수 : 이 숫자가 넘으면 페이지가 나뉘게 됩니다. (4-6개 정도가 적당)
- 세로 이미지 수 : 최대 몇 페이지까지 사용할 것인지 정합니다.
10으로 정해도 배너 수가 적으면 1-2페이지까지 밖에 생성되지 않습니다.
- 상단이미지~꾸밈이미지 : 수정하면서 필요없어서 지운 부분입니다. (설정하지 않으셔도 됩니다.)

- 레이아웃에 작업할 때는 아래와 같은 코드를 레이아웃 파일에 넣으시면 됩니다.

* 게시판 글 쓰기
- 제목 : 배너의 툴팁으로 나타납니다.
- 연결URL : 홈페이지 주소
- 링크 대상 : _blank는 새창, _self는 현재창
- 경계선 굵기 : 배너 자체에 테두리가 없으면 픽셀을 입력하면 테두리가 생깁니다.
- 이미지 줄이기 : 가로 세로 픽셀을 줄입니다.
- 테두리 여백 : 위, 오른쪽, 아래, 왼쪽 순으로 숫자를 기입합니다. ( 입력형태 : 0 5px 0 5px; )
☞ 참고 : http://blog.naver.com/ehomebuild?Redirect=Log&logNo=150014781402
- 파일 첨부 : 첫번째 이미지를 이용하여 배너를 만듭니다.

* 배너 넘어가는 시간을 수정하려면...
- list.html 의 21번째 줄을 보면
onmouseout="fnb=window.setInterval('toggleBanner('next')', 7000);" 에서
빨간 부분을 원하는 초 x 1000에 해당하는 수로 수정해주시고

- js/banner.js 에서
fnb=window.setInterval("toggleBanner('next')", 7000); 에서
빨간 부분을 같은 방법으로 수정하면 됩니다.

잘 사용하세요.

findwind.zip (6.6KB)(50)

파란 지도편집마법사(인사이드맵)

2008-11-20T22:06:10+09:00

회사약도, 모임장소를 공유하는 지도편집 마법사 파란 인사이드맵

[가이드] http://local.paran.com/insidemap/guide_01.html

** 사용 예 **

1. 회사 약도 만들기.

2. 출사지/맛집 등 블로그에 파란 지도첨부.

3. 예식장 가는 길.. e-청첩장에 붙여 넣으면 찾아가기 너무 쉬워~

4. 연말연시, 특별한 날, 미팅장소, 약속장소 메일 보낼 때 지도 첨부

** 사용설명 **

- 파란에서 제공하는 인사이드맵 서비스를 제로보드XE에서 사용할 수 있는 에디터 컴포넌트입니다.

- 주소,상호,지물검색 뿐만 아니라 경로탐색 및 지도에 여러지점을 동시에 등록하여

인사이드맵 저장 후 에디터에 첨부하여 사용합니다.

- 파란 인사이드맵은 별도의 인증키나 인증절차없이 사용하실수 있습니다.

- 인사이드맵은 인증키나 인증절차 없이 사용이 가능함에 따라 수정 및 삭제 기능은 아직 제공되지 않습니다.

- 업데이트버전이 개발되는대로 이 게시글을 업데이트 하도록 하겠습니다.

** 설치방법 **

- 아래 첨부된 파일을 다운받으시고 압축을 풀면 paran_map이라는 디렉토리가 생성됩니다.

- 이를 제로보드XE가 설치된 곳의 ./modules/editor/components/ 아래로 업로드 하시면 됩니다.

- 블로그 화면으로 돌아와서 에디터의 "지도첨부" 버튼을 이용하여 인사이드맵 생성 마법사를 실행하세요.

paran_map_v1.1.tgz (4.5KB)(5)

paran_map_v1.1.zip (5.7KB)(30)

WTA Metalic Glossary

2008-11-13T10:26:29+09:00

Introduction

WTA Metal Glossary 레이아웃은 3단 접이식 레이아웃입니다. 일전에 WTA에서 회원분들과 잠깐의 3단 접이 구동을 스터디 한 적이 있었는데, 그때의 결과로 제작 된 프로젝트 레이아웃 입니다. 총 3개의 본문단이 있으며, 각 본문단 상단에 위치한 버튼을 클릭함으로해서 단의 넓이를 변형시키고 위치를 이동시킵니다. 따라서 많은 내용을 한페이지에 전부 보여주는 메인 페이지 정도에 사용 할 수 있습니다. 범용성은 떨어지지만 사이트를 역동적으로 구성 할 수 있습니다.
이 사이트가 온라인상에서 어떻게 작동하는지 보려면 여기를 클릭해 주세요.

More Info

- 이 레이아웃에 대한 상세 이용 메뉴얼은 여기를 참조해 주세요.
    - 이 레이아웃에 대한 기술적인 문제나 토론은 WTA 사이트의 유저포럼을 이용해 주세요
    - 이 레이아웃의 업그레이드 내용이나 패치 버전 다운로드는 WTA 사이트의 스킨 다운로드를 이용해 주세요
MG_Layout.zip [File Size:137.4KB/Download:20]

Cooliris PicLens 애드온 v1.0.3 [수정]

2008-11-13T10:24:01+09:00

버그 & 개선

2008.11.09 20:00 ... v1.0.3
- 자체 실행에서 모듈 호출이 아닌 변수 호출로 변경
- 출력 대상 모듈 입력 시 선택 모듈의 값이 없이 전체로 보여지는 문제 개선
- 특문, 공백 등의 이유로 인한 섬네일 처리 문제를 개선
2008.11.08 21:15 ... v1.0.2
- 외부페이지, 페이지 모듈에서 템플렛 처리를 못하는 부분 개선
2008.11.08 12:00 ... v1.0.1
- mid명이 없어 문서번호로만 불러올 경우 mid값을 못 불러오는 사항 추가

Cooliris PicLens 애드온 v1.0

본 애드온은 Cooliris 사의 이미지 뷰어 plug-in인 PicLens 를 이용하여 제로보드XE의 이미지를 보다 멋지게
보여주는 애드온 입니다.

구성요소

● PicLens 애드온 실행 파일
● medias 모듈용 스킨(애드온 내부 포함)
● xe_files 용 스킨

구성 파일

● piclensv1.0.3.zip

설치방법

1. 하단 첨부파일의 piclensv1.0.3.zip을 다운 받아 적당한 위치에서 압축을 푼다.(현재폴더로 푸세요)
2. piclens 폴더를 zbxe/addons/ 폴더 안에 복사한다.
3. 제로보드XE 관리자 페이지에서 애드온 메뉴를 눌러서 piclens '설정' 을 누른다.

실행방법

<a href="javascript:PicLensLite.start({ feedUrl:'{$piclens_url}' });">
 PicLens 실행 
<img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" align="absmiddle" />
</a>

해당 문구를 원하는 레이아웃이나 스킨에 삽입하시고 실행하시면 됩니다.

ps : plug-in이 설치되지 않았을 경우에도 스크립트용 이미지뷰어가 실행됩니다.

주의 & 참고

누락사항

테스트

http://www.animeclub.net/zbXE

이곳에서 이미지가 있는 본문을 클릭하시면 테스트 가능합니다.

이번에 새롭게 자체 애드온을 만들게 되었습니다.
템플렛 처리가 애드온에서 될까 라는 생각만 하고있다가 어제(벌써 12시넘었네요) 점심 때 해봤는데 되더라고요.
그래서 그냥 만들게 되어 버렸습니다. ^^
이 애드온은 기존의 medias 모듈이 없어도 제로보드XE의 첨부파일 정보를 이용해서 출력해 줍니다.
또한 첨부파일로 출력할 경우 출력된 이미지를 통하여 해당 게시물로 이동 가능합니다.

문의는 위 제 사이트나 여기로 남겨주세요.

ps : 많은 문의가 필요하신 분은 쪽지 등으로 주세요 ^^

ps2 : 버그가 있엇네요 ^^ 19명 받으셨던데... 다시 받아주세요.

ps3 : 예. 그렇습니다. 저는 언제나 만들고 한번에 되지 않지요 ^^(전 초보자라는 비겁한 변명 중...)
외부 페이지에서 수행이 안되는 증상을 개선했습니다.
또한 사소한거지만 info.xml 파일 중 변수가 대소문자가 들어간게 있어서 그 부분도 수정헀습니다.
piclensv1.0.2.zip 으로 다시 받으셔서 덮어씌워 주세요.

ps4 : 섬네일 처리 문제를 개선 했습니다. 한문 빼고는 대체적으로 출력 되네요.
(한글은 한글명을 없애버리기 때문에 '한글.jpg' '영문.jpg' 이렇게 두개 있으면 '.jpg' 로 생성되어서
처음 한글이미지가 중복으로 보일 가능성이 있습니다.)
이로써 1000 개이든 10000 개이든 실행 가능할 것 같긴한데요, 속도가 많이 느려지고 트래픽 많이 먹으니 주의하세요.
또한, 그렇게 했는데 안되시는 분들은 Thumbnail 사이즈를 줄여보시기 바랍니다.
(저 호스팅은 2500했는데 안되서 2000으로 했습니다.)
piclensv1.0.3.zip [File Size:20.0KB/Download:56]

탭 형태 최신 이미지 스킨 (tab_newest_images v 1.0)

2008-11-05T21:50:58+09:00

zero 님이 제작하신 탭 형태 최근 문서 스킨과 같은 형태의 최신이미지 스킨으로 탭 형태 최근문서와 같이 사용하시면 좋습니다.

하얀색과 검정색 2가지 칼라셋이 있습니다.

출력이미지 갯수는 세로는 1줄 고정, 가로는 갯수를 선택할 수 있습니다.(기본 5개)
이미지 간격 및 좌우 폭은 이미지 사이즈를 조절하여 알맞게 배열하십시요.
여건상 ie7에서만 테스트하였습니다.

설치 방법 :
zip 파일의 압축을 풀어서 tab_newest_images 폴더를 zbxe/widgets/ 폴더에 올려주시면 됩니다.

사용 방법 :
탭 형태 최근문서와 같이 위젯 선택시 "탭 형태 최신이미지"를 선택하여 출력하시면 됩니다.

임시 샘플사이트는
http://yungosan.hosting.paran.com/zbxe/yym2

문의는
http://yungosan.hosting.paran.com/zbxe/12628

tab_newest_images.zip (24.5KB)(42)

단축키 애드온 0.98 (게시판 단축키 지원)

2008-10-27T00:37:23+09:00

[ 기 능 ]
1. 게시판 단축키를 지원합니다. (목록보기, 글쓰기, 최근글, 이전/다음글, 이전/다음 목록 )
2. 페이지 이동 단축키를 지원합니다.
3. 다양한 단축키로 페이지 이동할 수 있습니다.
    (0.97버전에서는 브라우저 단축키를 전부 다 막았었는데 사용빈도가 높은 단축키를 제외하고 차단합니다.)
라이브러리 : http://jonathan.tang.name/code/js_keycode

게시판 단축키를 지원하기 위해 위젯과 연결해서 지원합니다.
따라서 애드온과 위젯을 설치해야합니다.

[설치 순서]
1. zbxe_shortcut.zip 을 압축을 풀면 addons와 widgets 폴더가 생깁니다.

2. ftp 프로그램을 이용해서 zbxe폴더에 넣으면 정확한 위치에 들어갑니다.
(각각의 폴더에 shortcut 이라는 폴더가 생기면 제대로 들어간겁니다.)

3. 관리자 모드에서 단축키 애드온을 설정합니다.
shortcut1.jpg

설명 보기

닫기

단축키는 40개까지 설정가능합니다.
단축키 예 : left, page_up, a, b, 1, 2, ctrl+1, alt+s, shift+1, ctrl+alt+3, ctrl+alt+shift+1 등
주소 :URL 기입 ( /zbxe/computer, /zbxe/?mid=computer, http://www.naver.com 등의 형태 )

(1) 게시판 단축키 사용 여부 : 위젯 설치를 한 후에 글쓰기, 목록 등의 단축키를 이용할 수 있습니다.

(2) 브라우저 기본 단축키 차단 여부 :
"차단하기"를 선택하면 브라우저의 필수 단축키를 제외하고 모두 차단합니다.
차단하지 않으면 브라우저 단축키와 홈페이지 단축키가 충돌하면 둘다 실행되던지 오작동이 될 수도 있습니다.
(차단하지 않은 단축키 : Ctrl + A, C, E, F, N, R, T, V, X, F4,      Alt + D, Left, Right, F4,     F5, Home, End, PageUp, PageDown)

(3) "Ctrl+숫자" 단축키 차단 여부 : 탭지원되는 브라우저에서 많이 쓰는 단축키라 풀 수 있도록 선택가능

(4) IE에서 막을 단축키 : IE에서 Alt + A, Alt + C등의 일부 단축키가 제대로 막아지지 않습니다.
Alt + A의 경우 페이지 이동(애드온 기능)과 즐겨찾기 보기(브라우저 기능)가 함께 이루어집니다.
해당 알파벳을 넣어 차단하세요. 예를들어 Alt+A, Alt+C를 차단하기 위해서는 a,c 로 입력하시면 됩니다.
(플래시 문제로 xe 1.07 개발버전을 받아서 색상이 조금 틀립니다.)

4. 관리자 모드에서 단축키 위젯의 코드를 생성합니다.
   (라르게덴 님의 위젯을 수정해서 작성하였습니다.)

5. 생성된 코드를 복사하여 레이아웃의 소스를 넣어주세요.

설명보기

닫기

    - 수정할 파일 위치 : zbxe폴더/layouts/레이아웃 이름/layout.html
    - 소스의 위치는 레이아웃 소스의 {$content}바로 위에 넣어주면 됩니다.
    - 생성된 코드 : <img class="zbxe_widget_output" widget="shortcut" skin="default" order_target="list_order" search_type="Y" category_type="Y" />

<div id="columnRight">
            
   <img class="zbxe_widget_output" widget="shortcut" skin="default" order_target="list_order" search_type="Y" category_type="Y" />
            {$content}
        </div>
    </div>
    <ul id="footer">
        <li class="first-child">

6. 이제 홈페이지에서 단축키를 사용할 수 있습니다.

[게시판에 버튼 추가 방법]
게시판에 최근글, 이전글, 다음글 버튼을 만듭니다. (애드온과 위젯을 깔아야만 정상작동합니다.)

추가방법보기

닫기

1. 게시판 스킨 xe_board를 xe_board_s로 복사합니다.
   - 위치 : zbxe 폴더/modules/board/skins/게시판 이름

2. xe_board_s.zip 를 압축풀면 3개의 파일이 나오는데, xe_board_s 폴더에 덮어씌웁니다.

3. 버튼을 이용할 게시판의 스킨을 xe_board_s 으로 바꿔주세요.
그럼 아래 그림 처럼 버튼이 나올 겁니다.



[버튼을 추가하기 위한 소스]

xe 공식 게시판 이외의 게시판을 쓰시는 분은 아래 소스를 변형해서 사용하세요.

list.html 에 수정한  소스 :
<a href="javascript:;" onclick="go_latest();" class="button"><span>최근글</span></a>

view_document.html 에 수정한 소스 :
<div id="pnText" class="pnButton" style="position:relative;float:left; top:-28px;">    </div>
<script type = "text/javascript">
var bt_pn_text="";
if (prev_article_url!="")
{  bt_pn_text="<a href="\"javascript:;\" onclick=\"go_prev();\" class=\"button\"><span>이전글</span></a>"; }
if (next_article_url!="")
{  bt_pn_text=bt_pn_text+" <a href="\"javascript:;\" onclick=\"go_next();\" class=\"button\"><span>다음글</span></a>"; }
document.getElementById('pnText').innerHTML = bt_pn_text;
</script>
</div>

[ 지원되는 단축키 ]

모든 알파벳과 숫자키 (abc...xyz,01..89 )
Ctrl, Alt, Shift 를 이용한 단축키
키보드에 있는 특수문자
기능키...

Tab, Space, Enter, Backspace, Scroll_lock, Caps_lock, Num_lock, Pause
Insert, Home, Delete, End, Page_up, Page_down
Left, Up, Right, Down
F1 ~ F12

[ 단축키로 팝업창을 열려면 ]

shortcut.addon.php 소스에서
go_URL("/zbxe/child_board); 부분을
window.open(\"$addon_info->href1\"); 으로 바꾸면 새창으로 뜹니다.

팝업창으로 띄울려면 동일 부분을...
window.open(\"$addon_info->href1\",'popup_zbxe','width=480,height=600,scrollbars=yes,left=50,top=50'); 형식으로 바꾸시면 됩니다.

하지만 자바스크립트로 새창이나 팝업을 띄우면 기본적으로 팝업 차단 되서 별로 권하고 싶지는 않네요.

zbxe_shortcut.zip (15.0KB)(104)

xe_board_s.zip (8.7KB)(59)

WTA 시리즈 탭 방식 최근 게시물

2008-10-26T19:20:24+09:00

WTA 탭 방식 최근 게시물 위젯 스킨입니다^^ WTA Board의 글읽기와 디자인을 맷치 시켰습니다.

WTA_tab_20081021.zip (13.8KB)(84)

스크랩 금지 애드온 ver 0.9

2008-10-23T09:18:51+09:00

수정 : info.xml에 필요 없는 mid선택 부분 남아 있던 것 삭제.

1.0.5버전 이상에서 정상 작동합니다. (xml업데이트)
기능추가 : 특수키 차단 안하기 추가.
개선 : 제외그룹 속도 개선
zbXE기본 기능과 겹치는 모듈 선택 제외.

이전 버전 사용하실 분은 http://www.zeroboard.com/16562676 로 가서 받으시면 됩니다.(1.0.5이하 사용자)

스크랩 금지 애드온 사용법

noscrape.zip 또는 noscrape.tgz 파일을 다운 받습니다.
다운받은 파일의 압축을 풉니다.
첨부파일을 압축 해제하여 나오는 noscrape폴더를 zbXE가 설치된 폴더/addons 안에 넣습니다. (다르게 말하면, noscrape.addon.php파일과 conf폴더의 위치가 zbXE가 설치된 폴더/addons/noscrape 안에 있으면 됨.)
관리자 페이지에 접속하여 애드온 설정을 합니다. (꼭!!!)* 특수키 사용시 나오는 경고창의 문구를 입력할 수 있도록 했습니다. (문구에는 가능하면, 따옴표가 포함되지 않도록 해주십시오. 외 따옴표는 스크립트 에러를, 쌍 따옴표는 설정창의 문제를 일으킵니다.)
선택하는 모듈은 이 애드온을 적용하지 않을 모듈을 선택합니다. (*선택된 모듈에서는 드래그, 오른쪽 버튼 특수키 사용가능)

스크랩 금지 애드온의 설정창 모습입니다.

noscrape.zip (민수님의 실수로 "제외 회원그룹"란이 빠진 것 제가 추가했습니다)

특정 IP 접근 허용,차단 애드온 입니다. (1.0.6)

2008-10-22T13:20:28+09:00

v1.0.6 부터 제대로 안되길래 업데이트 했습니다.

아래 내용을 참고하시어 설치/운영 하시기 바랍니다.

IP검사방식을 zeroboard4에서 따다가 애드온으로 만들었습니다.

위 옵션처럼 차단으로 사용할지 접근으로 사용할지 선택 가능합니다.
차단될 대상의 IP일 경우 외부 파일로 이동시키도록 했습니다.

자신의 계정 zbxe/addons 폴더에 복사하시고 관리모드에서 애드온 허용/설정 하세요.

※ ip 범위별 설정되도록 했습니다.
예) 192.168.0.1-192.168.0.255 이런식으로 -(하이픈)을 넣어서 사용하세요.
xml 설명 부분에도 명시했습니다.

ip_filter.zip (2.0KB)(27)

Lavalic Lite 음악 재생기 v0.2

2008-10-22T13:18:08+09:00

Lavalic Lite 음악 재생기 v0.2

플레이어 하단부의 배너 부분 변경으로 인하여 전체적인 크기가 변경되었습니다.
기존 사용자분들 중, v0.1에서 작성해놓은 iPodNano스킨이 0.2에서 깨지게 나올 경우, 해당 플레이어가 있는 글을 수정하시러 들어가시고, LavalicLite 컴포넌트를 더블클릭하여 수정창을 여신 후
아무것도 변경하지 않으신 채 다시 저장을 누르시면, 크기가 갱신되는걸 보실 수 있습니다. :-)

배경으로 앨범아트가 깔립니다.
앨범아트가 없을 경우, 흰 배경이 깔립니다.

가사 기능이 추가되었습니다.
가사를 보기 위해선, 위 음악 제목 부분을 클릭하시면 됩니다.

음량 조절 기능이 추가되었습니다.
음량 조절을 위해선, 아래 재생 바 오른편에 있는 아이콘을 클릭하시면 됩니다.

** 더 많은 스킨은 여기(http://vhain.springnote.com/pages/1871284) 에서 보실 수 있습니다. **

시간이 많이 부족하군요..
v0.1 부터 0.2까지 너무 긴 시간이 흐른것 같습니다..ㅜ
기다리시게 한 점, 죄숭하구요 ㅋ..

0.2버전을 공개합니다..
아직 갈길이 멉니다.
댓글로 여러 고칠 점 등 남겨주시면, 빠르게 적용하도록 하겠습니다..!

마음같아선 미리 체험해볼 수 있는 곳을 마련해드리고 싶으나... 저에게 그러한 여건(서버가없능ㅜ)이 되지 않는 관계로..ㅜ
아래의 설명서를 보시어 대신해주시면 감사하겠습니다.. 꾸벅ㅜ

** 댓글 많이 부탁드립니다..! 댓글을 보면 힘이나더라구요..ㅎ..

개발노트로 가기(http://vhain.springnote.com/pages/1506966)

개발노트에서는 개발 기록, 다국어 번역, 스킨 소개, 저작권 등을 보실 수 있습니다.

* 내려받기

* 설명서 ('보기' 를 클릭하시면 보실 수 있습니다.) [설명서는 0.1 버전 기준으로 작성되었습니다. 0.2버전과의 설치상의 차이는 하나도 없습니다. 곧 0.2버전 기준으로도 만들도록 하겠습니다..]

실시간 새글 및 댓글 알림 애드온 v2.79

2008-10-07T10:57:31+09:00

캐릭터 개인비서 퍼니토크의 실시간 알림기능을 제로보드(ZBXE)와 연동한 애드온 입니다.
퍼니토크는 실시간 고객응대가 필요한 웹사이트 관리자나 댓글이 궁금한 사용자에게 재미있는 감성 커뮤니케이션을 제공하여 보다 더 인터렉티브한 웹 사이트를 운영할수 있도록 도와드리는 윈도우 pc 설치형 개인비서 프로그램입니다.

주요 기능
① 게시글 등록시 실시간으로 알림 메세지 전송 : 사이트 운영자
② 댓글이 등록되었을 경우 작성자에게 실시간 알림 메시지 전송 : 퍼니토크를 설치한 웹사이트 이용회원
③ 게시글 RSS 알림 및 구독 기능 : 운영자 및 이용회원

애드온 설정방법

① 첨부된 funnytalk.zip을 다운로드 받아 압축을 푼뒤 {zbxe 설치경로}/addon 폴더 아래로 전송
② 관리자모드 > 애드온 관리 > 퍼니토크 실시간 알림 애드온 > 미사용-> 사용 으로 변경
③ 설정 클릭하여 관리자 메일주소와 알림기능을 사용할 게시판 지정

*전체관리자가 여러명인 경우
aaa@naver.com, bbb@daum.net, ccc@naver.com

*전체관리자 또는 게시판별 담당 관라지가 있는경우 (게시판 아이디:이메일주소로 등록)
aaa@naver.com, notice:bbb@daum.net, freeboard:ccc@naver.com

퍼니토크 설치 및 이용방법

① http://www.funion.net 에서 최신버전을 다운로드 하시거나 또는 첨부된 FunnyTalk-Setup.exe 인스톨
② 로그인 하기 창에서 사용자등록후 로그인 (이메일 및 사용자의 블로그 주소 필수)
③ 메세지 전달시 전송되는 풍선창을 클릭하면 해당 게시글로 이동
④ 캐릭터를 더블클릭 하거나 컨텍스트 메뉴 > 기타 > 알림메세지 보관함 열기로 지난 메세지 확인 가능

퍼니토크 주요기능
* 블로그(RSS) 구독기능
* 공유 일정관리 기능
* 미니 메모장 기능
* 쪽지기능
* 실시간 대화기능
* 라이프 로그 기능
* 실시간 알림 기능

유의 사항
*퍼니토크 설치후 사용자 등록시 웹사이트(zbxe) 회원가입시 등록한 이메일 주소와 동일한 이메일 주소를 등록하여야 사용자 식별이 가능합니다.
*사용자 등록시 블로그를 운영하지 않는 경우 다른 RSS주소, 예를들어 http://www.daum.net 등을 입력하시면 등록가능합니다.

기타 주요기능 안내, 버그신고 및 아이디어 제안은 퍼니토크 홈페이지 (http://www.funion.net) 으로 부탁드리겠습니다.

funnytalk.zip (2.3KB)(4)

FunnyTalk-Setup.exe (2.73MB)(1)

언어선택위젯 - 단일홈페이지 여러개 언어사용

2008-10-02T01:06:25+09:00

외국어 사이트를 만들다 보면 아쉬운점이 언어 설정을 하나밖에 할수 없다는 것이 문제다.

관리자페이지에서 설정한 언어설정이 기본으로 되어 언어에 상관없이 해당 언어로 보여지게 되며, 필요시 상단에 나오는 언어선택부분을 클릭해야만 원하는 언어를 볼 수가 있다.

하지만 사용자 입장에서는 한국어 홈페이지에 들어갔을땐 한국어로 나왔으면 좋겠고, 영문홈페이지에 들어갔을땐 영문 홈페이지가 나왔으면 좋을것이다.

이것을 간단하게 위젯을 이용하여 처리해 보았다.

물론 이것을 사용하기 위해서는 각국 언어별로 레이아웃이 다르게 존재한다는 가정하에서 설명이 되어지겠다.

위 그림을 참고로 설명을 하자면

메인은 한국어를 사용하고 서브는 영어를 사용하도록 설정을 해두었다.

참고할 사이트는

메인 한국어 : http://jobdahan.net/jdh_1home
서브 영어     : http://jobdahan.net/?mid=jdh_1board1

다국어 적용사이트 예제 : http://dybs.cafe24.com/zbxe/

한국어 = 한국어,
영어,이탈이아어 = 영어로 적용

이렇게 설정하기 위해선 먼저 언급했듯이, 메인용레이아웃과 서브용 레이아웃이 따로 있어야 한다.

물론 각 나라언어별 홈페이지를 제작하시는 분들이라면 각 나라별 레이아웃 템플릿을 따로 만들어서 처리하면 보다 쉽게 처리가 될것이다.

우선 이 기능을 사용하는 방법을 순서대로 설명을 해보면.

1. language_select.zip 이 위젯을 압축을 풀어서 /zbxe/widgets/ 폴더 아래에 업로드 시킨다.
   기존 위젯이 있으니 덮어쓰시길.. (기존 투박한 디자인을 현재 배포용 디자인으로 교체했으니 오히려 더 나을듯...)

2. 사용하고 있는 레이아웃파일에서 (layout.html) 소스를 바꿔준다.

변경할 소스 (27~34라인)

<div id="language">
   <strong title="{$lang_type}">{$lang_supported[$lang_type]}</strong> <a href="#selectLang" onclick="showHide('selectLang');return false;"><img src="./images/{$layout_info->colorset}/buttonLang.gif" alt="Select Language" width="87" height="15" /></a>
   <ul id="selectLang">
                
    <li><a href="#" onclick="doChangeLangType('{$key}');return false;">{$val}</a></li>
                
   </ul>
  </div>

변경후 소스

<img class="zbxe_widget_output" widget="language_select" skin="default" colorset="black" only_langtype="on" only_lang="ko" />

즉, 기존에 레이아웃에 기본적으로 박혀 있는 언어선택 소스 부분을 삭제하고 위젯소스로 대체를 한것이다.

3. 위젯코드 소개(관리자페이지에서 위젯코드를 생성하던지, 레이아웃편집에서 위젯코드를 생성해서 사용함)

4. 각각의 레이아웃에 다른 위젯코드 삽입.

한국어로 보여줄 레이아웃에서


<img class="zbxe_widget_output" widget="language_select" skin="default" colorset="black" only_langtype="on" only_lang="ko" />
영어로 보여줄 레이아웃에서


<img class="zbxe_widget_output" widget="language_select" skin="default" colorset="black" only_langtype="on" only_lang="en" />

이런 방법으로 활용하시면 한 사이트에서 한국어, 영어, 일본어, 중국어를 함께 운영하더라도 각각의 레이아웃에 위젯으로 사용할 언어타입을 지정해서 사용하면 되니까 각각의 언어별로 서비스가 가능하다.

--------------------------------------------------------------------

나름 고민해서 만든것이니 태클보단 응원을...^^

language_select.zip (5.6KB)(12)

탭 방식의 최근 이미지 위젯

2008-09-27T01:00:53+09:00

유야노님의 탭방식 최근 게시물을 조금 수정해서 만든 탭 방식의 최근 이미지 위젯입니다.

참고 : http://www.zeroboard.com/?mid=zbxe_widget_skin&search_target=nick_name&search_keyword=%EC%9A%B0%EC%95%BC%EB%85%B8&document_srl=16699317

1. 다운로드 하신 파일의 압축을 푸시고 zbxe/widgets/tab_newest_document/skins 폴더에 업로드 해주세요.
2. 이미지의 제목만 나오도록 설정했습니다.
3. 적용된 예 : http://www.yeum.org/
4. 1.0.5 버전에서만 확인했기 때문에 1.0.6 버전에서는 다르게 나올 수 있습니다.

newest_tapbox_gallery.zip (17.5KB)(4)

이쁜 웹진 9가지 컬러 스킨 ver 1.5

2008-09-27T00:59:01+09:00

이쁜 웹진 9가지 컬러 스킨 ver 1.5

몇일 전 올렸던 스킨인데 두가지 색상을 추가하였습니다.
웹진 디자인은 마음에 들지만 색상들이
너무 튀어서 조화가 잘 안된다는 지적이 있었는데요.
그래서 그레이와 블랙을 추가시켰습니다.

추가된 컬러 보기

기존 컬러 보기

웹진 스킨 적용법
1. passnjoy_webzine.zip 압축해제.
2. ftp로 접속해 zbxe/widgets/webzine/skins 폴더에 업로드한다.
3. 웹진을 적용하고 싶은 곳에서 페이지수정 -> 웹진형태최근문서출력 -> 웹진(패스앤조이) 선택.

마치며...
아마도 더이상의 추가 컬러는 없을 것 같습니다.
10개의 색상이면 충분하리라 생각합니다.
종종 시간이 날 때 다른 스킨을 제작해 보도록 하겠습니다.

passnjoy_webzine.zip (48.0KB)(36)

최근 이미지 스크롤 위젯

2008-09-23T11:22:27+09:00

모듈별 최근글 스크롤에 이어 최근 이미지 스크롤 위젯입니다.
아직 미흡하나마 별 문제는 없는것 같습니다만 혹시 버그가 발견되면 주져마시고 댓글 올려주세요.

설치 경로

아래 첨부파일중 scr_document.zip 파일을 다운받아서 압축을푼다음 위그림의 경로에 업로드 하면 됩니다.
설정 하실때는 반드시 익스나 파폭으로 설정 하시길 권합니다.

그리고 소스에 포함된 "공대여자는 예쁘다" 를 삭제하지 마십시요.
사용상의 다른 제약은 없습니다.

21일 5시에 부분 수정해서 다시 올렸습니다.

scr_document.zip (14.1KB)(54)

모듈별 최근글 스크롤 출력

2008-09-10T19:39:40+09:00

모듈별로 선택한 최근글을 스크롤 출력 하는 워젯 입니다. ( 탭방식과 동일 )
아래 scr_modules_document.zip 파일을 다운받아 압축을 푼다음 워젯 폴더에 복사 해주면 됩니다.

아래 그림의 스크롤 되는속도설정은 0 - 1000 까지 할수 있습니다.
스크롤 속도가 0 이면 스크롤 하지안음.
스크롤후 머무는 시간은 초단위로 입력한 숫자 만큼 정지되는 시간입니다.

scroll.js 는 공대여자님의 소스입니다.
scroll.js 에 탭방식의 워젯을 넣었습니다.

이 자리를 빌어 공대여자님께 감사 드립니다.

zbXE mixUP 애드온 v1.0

2008-08-30T10:16:43+09:00

mixUP 애드온 v1.0입니다.

zbXE v1.0.5이상에서 사용가능합니다.

애드온을 더욱 쉽게 적용할 수 있도록하고,
rewrite mod를 사용하지 않는 환경에서도 동작 하도록 고쳤습니다.

이 애드온은 mixsh.com에 등록하신 후 사용가능합니다.
mixsh(믹시)는 올블로그, 블로그 코리아 등의 메타 블로그 서비스이며, 공개한 RSS를 바탕으로 글을 수집해서 mixsh.com에서 보여줍니다.
위의 이미지와 같은 mixsh의 mixUP 위젯을 zbXE에서 간편하게 적용하실 수 있도록 만들었습니다. :)

mixsh.com에 등록하는 방법은 artlab님께서 코멘트에 적어주신 http://mousevm.tistory.com/247 이 페이지를 참고하시면 좋을 듯합니다. :)

[알림]

처음 설치나 업데이트 설치시에도 애드온 설정을 변경하셔야 작동합니다.

BNU_addon-mixup-1_0.zip (2.8KB)(109)

mp3플레이어 콤포넌트(1pixelout)

2008-08-14T00:06:24+09:00

워드프레스 플러그인으로 개발된 1pixelout의 플래쉬 기반 mp3플레이어를

제로보드 xe용 에디터 컴포넌트로 수정한 버젼입니다. 제작사 홈페이지

기본 플레이어에서는 ID3태그 출력기능이 있으나, 2바이트 문자가 깨져서 나오는 버그가 발견되어

일단 곡 정보 표시부분은 제외하였습니다. 능력자 분이 계시면 액션스크립트를 수정해주셨으면 좋겠군요 ㅎㅎ

mp3파일의 저작권문제에 관해서는 본인은 책임을 지지 않습니다.

가급적 저작권에서 자유로운 음원을 이용하시기 바랍니다.

테스트 브라우저 : IE 6, IE 7, Firefox3 이상없음
Safari는 아직 테스트 전.

<관리자 설정화면 - 기본 색상값 입력 및 자동실행, 반복 설정>

참고 : 기본색상을 입력하지 않은경우, 플레이어의 기본색상을 적용시켜 놓았습니다.
따라서 공백으로 두셔도 무방합니다.

<에디터에 나타난 아이콘>

<게시물에 콤포넌트 추가 - 관리자 설정에서 기본색상을 입력하지 않은경우 기본색상이 설정되어 있습니다>

<기본 색상 - 정지>

<기본 색상 - 재생중>

설치경로 : /modules/editor/components/ 에 mp3_1pixelout 폴더가 위치하도록 업로드

이 게시물을..

mp3_1pixelout.zip (15.4KB)(11)

Piclens 출력 위젯 입니다.[애드온 추가]

2008-07-26T01:01:48+09:00

Piclens 로 이미지 표시해주는 위젯입니다.

자세한 사항은 요기 http://piclens.com/ 사이트 가셔서 읽어보시기 바랍니다.

- 선 조건 -
1. piclens plug-in 이 설치 되어 있어야 합니다. (Windows XP, VISTA 에서만 동작 합니다.)
- 브라우져는 대부분 되는 것 같습니다.
2. 모듈 게시판에 medias 라는 모듈이 설치되어서 사진 저장이 이루워져 있어야 합니다.
- medias 모듈에 widgets, rss 스킨이 포함 되어있습니다.

- 설치 방법 -
- 선 조건 2.번을 설치하세요.
- 아래 첨부파일 Medias_rss.php, rss.php 파일을 다운받아 양지바른곳에 업로드 하세요.

- 셋팅 -
1. 외부페이지를 하나 만드셔야 합니다.
- 외부페이지로 사용될 파일은 Medias_rss.php 이며, 이 파일안에 Medias 위젯을 생성해 주시기 바랍니다.
(기본적인 포멧은 생성시켰습니다. 그냥 쓰셔도 됩니다.)

2. 레이아웃이나 게시판의 head 추가부분에 아래의 사항을 추가해주셔야 합니다.

<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./폴더가있다면경로/rss.php" type="application/rss+xml" />

3. 마지막으로 rss.php 파일을 여셔서 만드신 모듈경로를 적어주셔야 합니다.

view plain copy to clipboard print ?

//한글 자르기
function hstrCut($msg,$cut_size,$end_str = "...") {
if( (strlen($msg) > $cut_size) & ($cut_size > 0) ) {
$msg = substr($msg,0,$cut_size);
$msg = preg_replace("/(([\\x80-\\xFE].)*)[\\x80-\\xFE]?$/","\\1",$msg);
$msg .= $end_str;
}
return $msg;
}
// 보여지는 부분
function RSS_reader($count,$url,$encode = "UTF-8"){
$channel = parseTag("mediasrss",getRSS($url));
// 인코딩 변환
/* if($encode == "UTF-8"){
$channel = iconv("UTF-8","EUC-KR",$channel);
} */
return '<?xml version="1.0" encoding="utf-8" standalone="yes"?>'.$channel;
}
echo RSS_reader("","http://사이트/Medias_rss","UTF-8");
?>

//한글 자르기 function hstrCut($msg,$cut_size,$end_str = "...") {     if( (strlen($msg) > $cut_size) & ($cut_size > 0) ) {             $msg = substr($msg,0,$cut_size);             $msg = preg_replace("/(([\\x80-\\xFE].)*)[\\x80-\\xFE]?$/","\\1",$msg);             $msg .= $end_str;     }     return $msg; } // 보여지는 부분 function RSS_reader($count,$url,$encode = "UTF-8"){     $channel = parseTag("mediasrss",getRSS($url));     // 인코딩 변환 /*    if($encode == "UTF-8"){         $channel = iconv("UTF-8","EUC-KR",$channel);     } */    return '<?xml version="1.0" encoding="utf-8" standalone="yes"?>'.$channel; } echo RSS_reader("","http://사이트/Medias_rss","UTF-8"); ?>

echo RSS_reader("","http://사이트/Medias_rss","UTF-8");

외부페이지 만드신걸 여기다가 주소를 적어주세요.
최종적으로 사이트를 여시면 FF의 경우는 상단 오른쪽 끝 X버튼 밑에 이 아이콘이 나타납니다.
그리고 Piclens 지원되는 사이트는 이렇게 색이 바뀝니다.

google, flickr 등이 이 기능을 지원하고 있습니다.
(google은 내용 검색할때만 지원 됩니다.)

마지막으로 Piclens 테스트는 http://211.234.236.247 에서 테스트하실 수 있습니다.

꼭 Piclens Plug-in과 medias 모듈 설치하시고 사용하시기 바랍니다.

- 추가사항 -
fopen() 함수가 호스팅 사에서 막는 경우가 많아서 애드온으로 출력 할 수 있도록 조정했습니다.

- 설치 & 세팅 -
1. 첨부파일 piclens.zip 을 다운 받으셔서 ./제로XE/addons/ 폴더에 복사하세요.
2. 관리자 페이지에서 애드온 메뉴로 가셔서 Piclens Addon을 설정하세요.
3. 설정하실때 외부페이지로 만든 모듈(설명중 : Medias_rss)만 선택하여 적용해주세요.
4. 애드온 적용 되셨으면 '비사용'을 '사용'으로 바꿔주세요.
5. 마지막으로 위 2. 레이아웃 설정 내용을 추가해주세요.

<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" />

http:// 들어간 풀주소 또는 상대경로로 해주세요.

ps : 집컴이 2000이라 테스트 못해봤습니다. (되겠죠?)

!!!!!!!!!!! 제가 좀 어떻게 됐나 봅니다. (갑자기 프로그램을 많이 올려서 그런가 ㅠㅠ)
piclens.zip 파일의 실행문에 주석을 해두고 올려버렸네요; -ㅅ-;;
다시 올립니다. 다시 받아 주세요. 그리고 죄송합니다. (_ _)ㆀ

Medias_rss.php (215Byte)(41)

rss.php (1.2KB)(41)

piclens.zip (1.2KB)(2)

댓글 알림 애드온 0.8

2008-07-26T00:57:56+09:00

이 애드온은 사용자가 제로보드 XE로 만들어진 사이트에서 게시물에 댓글을 달때 그 게시물의 작성자나 관련된 답글(즉, 댓글에 댓글을 쓰는 경우)의 작성자에게 쪽지를 보내줍니다.

이 애드온은 현재 제로보드 1.0.5에서 테스트 되었으며 1.0.4 버전 이상에서 사용가능합니다. (1.0.3 이전 버전에선 작동하지 않습니다.)

0.8: 1.0.4 이후에 작동되지 않던 문제를 수정하였습니다. 플래너 모듈에서 사용가능하도록 하였습니다.(제가 사용하지는 않는 관계로 테스트는 하지 못했습니다.)
0.7: 0.2.9 이후에 작동되지 않던 문제를 수정하였습니다. 쪽지 받기 설정과 관련된 약간의 오류를 수정하였습니다.
0.6: 쪽지 받기를 거부한 회원에게는 댓글알림을 하지 않습니다./ 쪽지 팝업이 출력되었을때 링크를 클릭하면 새창을 열지 않고 이전 창에서 글이 열립니다.(파이어폭스에서 탭으로 출력되는 문제).
0.5: 첫번째 릴리즈.

사용법은 이전과 동일합니다.

예약어의 수도 현재는 그대로입니다.

##COMMENTER##: 댓글 작성자
##AUTHOR##: 본문 작성자 또는 부모 댓글 작성자(이 쪽지를 받는 사람의 닉네임이 됩니다.)
##TITLE##: 댓글이 달린 글의 제목 (블로그/게시판 공통)

본 애드온은 Creative Commons 3.0 라이센스하에 배포됩니다.(0.6부터 라이센스 정책을 변경하였습니다.)

다운로드

네이버 이미지 입력 Ver 1.0

2008-07-19T16:09:47+09:00

네이버 오픈 API의 이미지 검색 API를 이용하였습니다.
이 컴포넌트를 이용하기 위해서는 http://openapi.naver.com/register.nhn 에서 네이버 오픈API 일반 키를 발급 받아 사용해야 합니다.
여기서 발급 받은 API키를 이 컴포넌트의 설정 창에서 입력 해 주시면 사용 가능합니다.

네이버의 이미지 검색 API 의 결과를 이용합니다. 0.52까지는 에러코드를 보여주지 않았으나, 1.0부터는 에러코드가 나오면, 출력하게 바꾸었습니다.
아이콘 이미지가 변경되었습니다. 기존에 네이버의 날개 달린 모자였으나, 네이버의 마크를 막 사용해도 되는지 걱정 되어서, 바꾸었습니다.
아마.. 더 이상의 업데이트는 없습니다.(1.0.이라 한 이유입니다. - 깔끔해보여서...)
다음의 이미지 검색 API도 적용하고 싶었으나, 다음은 원본 이미지 주소가 나오지 않아서 못했습니다. (상반기 중 고친다는 답변인데, 상반기.. 다 지나가고 있습니다.)

사용법

압축 파일을 다운 받습니다. soo_naver_image.tgz 또는 soo_naver_image.zip 익숙한 형식으로 하세요.
압축을 풀고 생겨난 soo_naver_image폴더를 zbXE가 설치된 폴더/modules/editor/components 에 업로드 합니다.
관리자 페이지 > 에디터 컴포넌트 > 네이버 이미지 입력 컴포넌트의 설정을 합니다. (API키 입력 필수)
잘 작동하는지 확인합니다.

게시물의 이미지 정보를 DB화 시켜주는 모듈 입니다.

2008-07-17T11:56:38+09:00

만들어놓고 딱히 붙일 이름이 없네요;

medias 라는 명칭으로 모듈을 하나 만들었습니다.

이 모듈은 게시물 작성 중 본문에 기재되는 이미지태그의 내용을 글 작성시에 특정 테이블(medias)로

정보를 저장 후 나열해서 출력해주는 모듈 입니다.

모듈구성
./modules/medias <- 모듈
./modules/editor/components/image_link <- 이미지 출력 여부 결정 기능과 강조처리가 추가된 애드온 컴포넌트
./addons/medias <- 글 저장 삭제 및 이미지 파일 위에 <a name= 생성 처리용 애드온
./widgets/medias <- 출력용 위젯(위의 그림참조)
./widgets/medias/skins/aqua <- 제일 위에 내용 JQuery 기능 적용됨
./widgets/medias/skins/default <- 제일 위에서 두번째, 일반 스킨 (페이지 기능 추가, 섬네일 생성 추가)
./widgets/medias/skins/rss <- PicLens 용 rss 생성 스킨

- 설치법 -
1. 설치
- 압축파일을 해제하시면 위 구성 경로 별로 되어있습니다.
- 제로보드 메인 페이지에 적당히 붙여넣기 하시면 알아서 복사 됩니다.
주의) image_link 컴포넌트는 zbXE기본 컴포넌트의 기능 수정본입니다.
붙여넣기 전에 꼭 백업해주세요.

2. 모듈
- 관리자 페이지에서 모듈 메뉴를 누르신 후 medias 란 제일 오른쪽에 설치 를 눌러 주세요.
- 리스트 보기와 종류별 검색, 선택한 정보 삭제 기능등이 있습니다.

3. 애드온

- 애드온 메뉴에 가셔서 medias 애드온을 실행 해주세요.
- 실행 시 게시글 문서의 이미지만 저장할껀지 댓글 문서의 이미지도 저장할껀지 선택해주세요.

4. 위젯

- 위젯 메뉴에 가셔서 medias의 코드생성을 누르세요. (옵션이 많습니다.)
- 정렬대상 : 최근 등록순(regdate), 와 랜덤용이 있습니다.
(랜덤으로 사용할시에는 이 메뉴를 랜덤으로 바꿔주세요.)
- 정렬방법 : 랜덤으로 사용할 시에는 정렬방법도 랜덤으로 해주세요.
- 가로, 세로 출력 수 : 알맞게 적어주세요.
- 페이지 목록 수 : 페이지 기능을 사용할 시에 적어주세요. < 1 2 3 4 5 > 이 갯수 표기 입니다.
- 페이지 출력 여부 : 출력이 되면 외부페이지든 어디든 page 변수가 있으면 동작합니다.
( 게시판등에서 해당 설정을 해놓고 위젯을 돌리면 page번호를 같이 쓰기 때문에 사용상 불편함이 있습니다.
출력하지 않으면 page 변수에 관계없이 설정된 리스트로만 출력합니다. )
- 문서 출력 여부 : 문서(만) 출력할지 여부입니다.
- 댓글 출력 여부 : 댓글(만) 출력할지 여부입니다.
둘 모두 Y로 하거나 N로 할경우 전부 표시 또는 아무것도 표시되지 않습니다.
- 구분1 사용 여부 : 명칭을 바꿨습니다. 에디터 컴포넌트 추가 기능 중 하나의 선택기호로써 구분1을 Y로 한 대상만 뽑을지 여부
- 구분2 사용 여부 : 마찬가지로 에디터 컴포넌트에서 구분2를 'Y'로 설정한 경우에 대해서 보여줄지 말지 결정합니다.
(두가지 공개여부를 가지고 게시판 스킨(웹진) 등에서 본문에 기재된 이미지 중 대표로 섬네일 할 이미지만 결정,활용 하실 수 있습니다.)
- document_srl : 해당 내용은 특정 게시물번호에 대한 내용만 뽑아올 경우 사용합니다.( 게시판 스킨 리스트 상에 적용 용)
- comment_srl : 해당 내용은 특정 댓글번호에 대한 내용만 뽑아올 경우 사용합니다.( 게시판 스킨 리스트 상에 적용 용)
- 분류 : category_srl 번호로 특정 카테고리의 값들에 대해서 선택하여 출력할 수 있습니다. (category_srl 번호를 적어주세요.)

5. 에디터 컴포넌트

- 이미지를 업로드 후 본문 삽입-> 삽입된 이미지를 더블클릭하면 기본으로 image_link 컴포넌트가 실행됩니다.
- 메인용 포커스 : aqua스킨을 위해 사용하는 강조용 메뉴 이며, 마우스로 움직여서 적당한 위치로 잡아주세요
( 이미지는 300x300 사이즈 입니다. 조정은 해당 컴포넌트의 js파일 제일 상단의 크기 값과, aqua스킨의 섬네일 값을 조정해주세요.)
- 구분1 표시 여부 : 구분1을 Y로 하고 위젯 코드설정에서도 구분1을 Y로 하면 해당 이미지가 출력 됩니다.
- 구분2 표시 여부 : 구분1과 동일 합니다.
(본문에 여러 이미지를 놓고 그 중 웹진 같은 스킨의 리스트에 표시할 대표를 선택하는 경우로도 사용할 수 있습니다.)

해당 결과물은 아래에서 보실 수 있습니다.

http://211.234.236.247/zbxe/zb_medias

주의!)
- 안되는 사항등에 대해서는 댓글이나 쪽지로 문의 주시기 바랍니다.
- JQuery는 aqua 스킨안에 파일이 있으며 총 4개(png 보여주기나 alt 메뉴의 내용 띄워주기 기능)의 파일로 링크되어 있습니다.
충돌의 염려가 있으니 전체스킨에서 사용중이시라면 aqua 위젯 스킨에서 제외시켜주십시오.
- Optimizer 사용 중에서는 JQuery가 오류가 납니다. 만약 Optimizer를 사용하셔야 한다면 aqua 스킨에서 4개의 파일 로딩을 삭제하시고
관리자 페이지에서 스킨 파일(레이아웃) 등에서 헤더 부분 추가에 직접 설정하시면 동작됩니다.

ps : 현재는 medias란 이름으로 img만 저장하는데 플래쉬나 음악등의 용도를 저장할 수 있도록 DB type 구분은 해놓은 상태입니다.
나중에 차근차근 이 부분도 완성해볼렵니다.

ps : 아이고, 죄송시려버라. medias.class.php에서 설치관련 함수의 위치를 잘못기재했네요
(배포본을 따로 놨었던지라;;)
방금 받으신 여섯분은 다시 받아보세요 ^^

패치!)
- 초기에 제 실수로 medias_state 테이블에 sequence 값이 생성이 되지 못했었습니다.( 한 7명 받으신 것 같더군요 )
- 아래의 medias_patch.zip 파일의 압축을 풀어서 ./modules/medias/ 폴더에 붙여넣어 주세요.
- 관리자 페이지에서 모듈에 들어가셔서 업데이트를 눌러 업데이트 하세요.
- 지금 이글 보고 받으시는 분들은 패치 받지 마시고 그냥 medias.zip 파일만으로 설치하시면 됩니다.

패치2!)
- 모듈별로 출력되는 부분에 문제가 있었습니다. 중복 모듈별 선택, 전체 모듈 사용에 대해 패치
- 페이지 내용이 1회 출력되면 다음부터는 출력 안되는 내용을 패치
- 메인 표시여부, 본문 표시여부 등 위젯, 에디터 컴포넌트의 명칭을 구분1, 구분2 로 통일
- medias.zip을 다시 올릴테니 기존 사용자와 새로 설치 분들은 설치유무과 관계없이 압축을 푸셔서 덮어씌워주세요.

ps : 방금 1.0.5에서 테스트 했는데 잘되네요. 위젯 스킨의 실수 수정해서 다시 올려요(자꾸만 올려서 죄송;)

medias.zip (93.1KB)(9)

mjworks. standard V1 레이아웃 스킨

2008-07-11T11:43:19+09:00

일전에 공지한대로. 드디어. mjworks. standard V1 레이아웃 스킨을 공개합니다.

    일정보다 많이 늦어졌네요.

    몇몇분들이 기다리셨는데 너무 늦은건 아닌지 모르겠습니다.

    조금씩 배워가는 입장이다보니. 몇달전의 것이라 여기저기 손볼 곳이 많아...

   하루가 꼬박 걸렸네요ㅠㅠ;



    레이아웃을 쓰실때 Design by 와 Powered by 부분은 가급적 삭제하지 말아 주셨으면 합니다.

    저뿐만 아니라. 모든 저작자에 대한 예의인것 같네요 ^ ^;

    제 홈페이지에도 제로보드 로고를 꼭 넣고 있습니다.



    Introduction.

    일단 메뉴는 3단계 주메뉴 하나와 오른쪽 상단에 4개의 메뉴를 넣을수 있는 추가메뉴(?)로 구성되어 있습니다.

    전체적으로 컬러셋이 바뀌는 것이 아니라.

    상단메뉴와 서브메뉴의 컬러셋을 각각 적용할수 있게 만들어서 총 아홉가지의 변형이 가능합니다.

    컬러셋은 상단메뉴와 서브메뉴 각각 Red, Blue, Green 3가지씩으로구성되었습니다.

    이외에. RSS FEED 버튼 출력 (설정에서 Rss 주소를 입력하면 하단에 버튼이 생성됨.)을 지원합니다.

    Screenshot.

적용예는 http://mjworks.kr/standard/?mid=TestHome 에서 확인 할 수 있습니다.

그리고 질문은 되도록이면 제 홈페이지의 (share) / Q&A 에 해 주시기 바랍니다..^ ^

그리고 리뉴얼한 제 홈페이지도 많이 들러주세요..^ ^

http://mjworks.kr

mjworks_standardV1.zip (92.0KB)(380)

[ imageResize 0.42 ] 이미지 자동축소 저장 모듈(디버깅완료)

2008-07-03T10:17:36+09:00

0.31 0.41에 있었던 논리오류를 찾아 올립니다.
파파민님이 서버를 제공하여,
카페24 환경에서의 동작 확인을 하였습니다.
*. 논리오류여서 디버깅 하기가 까다로왔습니다.

카페24 적용 환경
1. memory_limit 40M
2. php 4.4.1
3. gd 2.0.35

적용버전 :

1. php >= 4.3.0
2. gd >= 2.0.28
*. 적용여부를 진단하기 위해 php 4.3.0 이상이 필요합니다.
*. 안정된 이미지 축소를 위해 2.0.28이 권장됩니다.

설치 및 업그레이드 :
1. 다운로드 파일 압축해제
2. modules/ 폴더 내에 imageResize 폴더 업로드
3. 관리자 -> 모듈 에서 업데이트를 클릭
4. 관리자 -> 부가 모듈 ( 이미지 축소 ) 에서 사용으로 체크
5. 관리자 -> 부가 모듈 ( 이미지 축소 ) 에서 알맞은 폭 설정
6. 설정저장
*. 기존버전 사용자분도 설정이 초기화가 되므로 꼭 3-6과정을 거치십시오.

TextCube 호환 댓글알리미 모듈 & 애드온 0.1.3

2008-06-21T09:32:11+09:00

하늘03

http://www.zeroboard.com/16953412

안녕하세요 haneul입니다 +_+;
위키는 안만들고.. 숨어있다가;; 끄적끄적 모듈하나를 공개합니다 :)
ver 0.1 이니 다양한 에러가 있을 수 있습니다 (__)

Textcube, TT계열과 호환되는 댓글알리미 모듈 & 애드온입니다.
자기가 쓴 댓글에 댓글이 달리면 내 관리자 페이지에 댓글알리미 페이지에서 확인 하실 수 있습니다.
실은 Textcube가 부러웠어요 ;ㅅ ; ㅎㅎㅎ

이 애드온을 on 시켜놓으면 Textcube로도 댓글알림을 해줍니다.
물론 이 애드온을 켜놓은 XE 끼리도 댓글알림이 됩니다 +_+

위와 같은 모습을 어드민 페이지에서 확인하실 수 있습니다.
압축을 푸시면 modules/tccommentnotify, addons/tccommentnotify 의 두 디렉토리를 각각 modules, addons 밑에 넣어주시면 됩니다.
그런후에 모듈 관리 페이지에서 install을, addon 관리 페이지에서 사용을 누르시면 되겠습니다 (__)

*. 다른 사람 홈페이지(TT, 이 애드온을 켜놓은 XE)에 자신의 홈페이지 주소를 적어서 댓글을 적었을 때 그 댓글에 댓글이 달리면 댓글알리미로 노티가 됩니다. 자신의 제로보드를 비롯해 회원 가입을 하는 제로보드의 경우에는 사용자 정보에서 홈페이지에 자신의 제로보드 주소를 적어놓으셔야 합니다 :)

** 오타가 있어서 수정했습니다.

*** PHP4에서 안되는 문제가 있어서 수정했습니다
**** v0.1.1 입니다. TagStrip 안되는 것 수정했습니다.
**** v0.1.2 입니다. 홈페이지 주소가 Page 모듈인 경우에 알림이 가지 않는 버그 수정했습니다.

commentnotify.0.1.3.tar.gz (9.1KB)(62)

[ imageResize(v0.2) ] 이미지 첨부시 자동 리사이징 저장 모듈

2008-06-16T12:49:23+09:00

dexter
http://www.zeroboard.com/16940904

이미지 퀄리티보다,

서버 저장용량을 최소화 하고자하는 관리자 분을 위한겁니다.

리사이징 폭 크기를 알맞게 설정하면,

그 이상의 폭을 가진 이미지 저장시 자동 리사이징 되어 저장됩니다.

설치 :    1. modules/ 폴더 내에 옮김
          2. 관리자 -> 모듈 에서 업데이트를 클릭
          3. 관리자 -> 부가 모듈 ( 이미지 축소 ) 에서 알맞은 폭 설정

특징 : jpg, png, gif 파일을 처리
          높이는 원본 비율에 맞추어 조정됨
제한 : gd 라이브러리를 사용합니다.
          php >= 4.0.6 부터 적용됩니다.

0.2 버전 : 용량 표기를 제대로 수정하였습니다.
설치는 0.1버전 위의 방법과 동일합니다.

imageResize.zip (9.5KB)(9)

imageResize.tar.gz (3.6KB)(2)

판도라 동영상 삽입 (#4, 2008-06-14)

2008-06-14T12:58:38+09:00

판도라 TV 동영상 업로드 컴포넌트를 최신 API로 업데이트 하였습니다.

삽입된 게시물 미리보기 & 동영상 업로드 해보기

1. 설치

첨부된 압축 파일을 내려 받습니다.

폴더째 압축되어 있으므로 아래 위치에 압축을 풀면 됩니다.
\modules\editor\components

압축 푼 후...
\modules\editor\components\pandora_tv

XE 관리 페이지 - 기능성 모듈의 위지윅 에디터 - 판도라 동영상 삽입 컴포넌트를 활성화 합니다.

2. 가입
판도라 사이트에서 OpenAPI 키를 얻기 위해 가입을 합니다.
http://interface.pandora.tv/?mode=form

3. 설정
첨부된 파일 중 popup.js 파일을 열고 OpenAPI key, 판도라 userid 값을 입력합니다.
또, returnPath 값의 pandora_result_utf.php 파일의 URL 절대 경로를 사용자 사이트의 주소로 변경합니다.

(※ pandora_result_utf.php 파일을 XE 컴포넌트 폴더가 아닌 다른 곳에 복사하여 경로를 짧게 하셔도 됩니다)

예제

4. 사용

글 작성 - 에디터에서 판도라 아이콘을 누르면 컴포넌트 창과 동영상 업로드 창이 열립니다.

내용을 작성하고 동영상을 올리면 썸네일이 만들어지며 자동으로 XE 에디터에 동영상이 삽입 됩니다.

열렸던 컴포넌트 창은 자동으로 닫히게 되며, 동영상이 삽입 되었는데도 창이 그대로 남아있으면 닫아주세요.

작성 된 글을 확인하면 처음에는 안나올 수 있으나 새로고침을 하면 정상적으로 재생 됩니다.

pandora_tv.zip (7.0KB)(2)

붐바 for ZBXE 애드온 v 1.0

2008-06-06T17:35:53+09:00

북마크 모음툴인 붐바를 제로보드 게시판(블로그)에 달아주는 애드온입니다.

** 붐바 사이트 : http://boombar.korea.com
** 붐바 메뉴얼 : http://code.google.com/p/boombar/wiki/BoomBar

요새도 북마크 기능을 사용하시는 분들이 많지 않아서 자주 손이 가지는 않겠지만

간혹가다 아쉬운게 또 북마크 기능인것 같습니다.

이전에 붐바의 티스토리 적용버전인 품바를 수정한 자료를 바탕으로 '품바 애드온'을 만든적이 있었는데

티스토리용을 컨버전하다보니 억지문법이 많아서 심심하지 않게 오류가 뜨곤 했었습니다.

어짜피 기존 자료를 다 날려먹은터라 처음부터 붐바코드를 가지고 작업을 했습니다.

기존 붐바 적용모습 그대로 사용할 수 있으며, 별도의 설정은 필요하지 않습니다.

IE, FF 에서 테스트 했으며 정상작동합니다.

제로보드 공식 애드온과는 충돌이 일어나지 않으며, 다른 애드온과 충돌할 부분은 없을것같습니다.

다운로드 : [boombar.tar.gz] [boombar.zip]

적용된 모습은 http://winsroot.net/Contents/481 에서 확인할 수 있습니다.

버튼체인지 ButtonChange ver 0.2

2008-05-30T09:21:18+09:00

SiHuFa
http://www.zeroboard.com/16883123

버튼 체인지 (ButtonChange) 애드온 ver 0.2 입니다.

xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다.

설치 - zbxe/addons/ 하위 디렉토리

설정 - 관리자 페이지 - 관리형 모듈 - 애드온 - Button Change 애드온 설정

[변경사항]

각 모듈별 버튼스타일을 추가 (총 5개 그룹)

사용자 설정 스타일 추가

각 모듈별 스타일 사용여부 선택 추가

적용 방법 변경

[주의사항]

이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다.
보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다.

설정화면 설명 7번(버튼스타일개별설정)이 사용함일경우 모듈선택에 체크가 하나도 없어야 합니다.
있을 경우 그 모듈만 적용이 됩니다.

[잡담]

개별설정 적용하느라고 안돌아가는 머리쓰느라 몇일을 고생했습니다. 별것도 아닌것을 ㅠㅠ
어떻게든 하긴했는데 어떨지는 고수님들이 좀 알려주세요. 문제점이라든지요 ^^;;

그리고 전에 class="button"에 적용하던것을 깔끔하게 head부분에서 CSS파일 변경과 수정된 스타일만
별도의 파일을 만들어 적용하게 했습니다.

사용자 설정의 경우 설정값을 head부분에 CSS스타일로 추가되게 만들었습니다.

잔머리만으로 만들다 보니 부족한 점이 있을수 있습니다. 문제가 발생하면 바로 바로 알려 주세요.

[설정화면 설명]

1,2,3,4,5번 : 버튼스타일별로 모듈에 적용할수 있는 5개의 설정
버튼 스타일을 선택하고 적용할 모듈을 쉼표","로 구분해서 작성하면 됩니다.
동일한 모듈이 두곳이상에 있을경우 맨 처음 버튼 스타일이 적용됩니다.

6번 : 사용자가 직접 폰트명, 버튼배경이미지, 기본글자색, 마우스오버시 글자색을 설정 할수 있습니다.

7번 : 1~5번까지 개별로 적용할 버튼스타일을 사용할 것인지를 정합니다.

8번 : 모듈전체 또는 개별 모듈 버튼스타일 사용시 기본으로 사용할 버튼 스타일을 정합니다.

스타일원본출처

간지님의 포삽질닷컴 http://poshopzil.com/ 에서 스타일을 참조 했습니다.

스타일의 글자색, 이미지의 버튼색만 참조하여 직접 xe 버튼스타일에 적용하고 이미지도 버튼 높이가 틀려서
모두 새로 작업하였습니다.

전체 버튼별 스타일 확인 페이지는 http://poshopzil.com/gBtn_all/ 로 들어가셔서 보시면 됩니다.

[21가지 스타일 버튼 모양]
** ver 0.2에는 22번 사용자 스타일이 추가되었습니다.

[5번 오랜지라인이 적용된 화면]

ButtonChange ver0.2.zip (185.4KB)(38)

버튼체인지 애드온 ver 0.1 ButtonChange

2008-05-22T13:06:46+09:00

SiHuFa

http://www.zeroboard.com/16853512

xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다.

설치 - zbxe/addons/ 하위 디렉토리

설정 - 관리자 페이지 - 관리형 모듈 - 애드온 - Button Change 애드온 설정

설명

xe의 버튼은 /common/css/button.css에서 스타일을 정의 해서 쓰며 모듈스킨에서 사용자가 별도로 적용할수 있습니다.
보통 /common/tpl/images/form_buttons.png의 버튼이미지만을 수정 해서 사용하는데 업데이트시 변경 될수 있어
업데이트시 주의를 해야했습니다.

이 에드온은 버튼스타일과 이미지를 애드온으로 동작하게 하여 모든 모듈또는 선택된 모듈에 대한 버튼 스타일을 변경합니다.
모듈별로는 각각 다른 스타일을 적용 할수는 없습니다. 연구를 해봐야 겠습니다.

디자인이나 프로그램을 독학 하다보니 단순 무식하게 만들었습니다.
고수님들이 혹시나 보신다면 많은 조언 부탁드립니다.

일반 유저들이 이미지 파일 교체 없이 에드온 설정만으로 버튼스타일 적용이 가능하게 만들었습니다.

xe 1.0.3의 모듈 선택기능으로 전체모듈 또는 선택 모듈에만 버튼 스타일 적용이 가능합니다.

주의
이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다.
보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다.

21가지의 CSS와 이미지를 별도로 보드스킨에 적용 시키셔서 사용해도 됩니다.
보드스킨에 별도록 직접 적용 하는 방법은 팁란에 올리도록 하겠습니다.

제작시 질문사항 (제로님이나 고수님)
버튼스타일을 에드온 설정화면에서 이미지로 보여주고 선택 할수 있도록 만들고 싶었는데.
보드스킨설정에서 처럼 info.xml에 colorset이 안먹혀 그냥 셀렉트로 만들었습니다.
설정화면에서 이미지를 넣고 싶은데 어떻게 하면 될까요.

설정화면에서 21가지의 스타일중에서 선택 하시고 적용하시면 됩니다.

모듈을 따로 선택하지 않고(전체모듈) 적용했을 경우 위와 같이 21번 청색스타일이 바로 버튼스타일에 적용 된것을 보실수 있습니다.

오렌지 라인이 적용된 화면입니다.

이 게시물을..

buttonchange.zip (199.7KB)(32)

sinpic_map을 triplog_map로 변경하며 많은 기능개선을했습니다.

2008-05-09T19:31:50+09:00

트루먼

http://www.zeroboard.com/16761455

기존에 SINPIC MAP을 대폭 개선하여 TRIPLOG MAP으로 다시 태어났습니다.

먼저 기능개선은

1. 항상 naver MAP에만 머물러있어야했던 첫화면을 등록 당시의 MAP으로 나오게 했습니다.
   예를 들어 맵 등록 시 구글 맵을 보고 있었다면 등록된 글을 볼 때 첫화면은 구글로 나오게 됩니다.

2. 검색지점 자동 입력
    - 지역을 검색하고 결과로 나온 리스트를 눌렀을 경해 해당 위치의 값이 자동 등록되어 지며 깃발이 달립니다.

3. 검색결과 성능향상
    - 네이버 주소 검색외에 지역검색 API를 사용하여 동호수가 아닌 일반단어(예: 양떼목장, 치악산...)로도 관련검색이 됩니다.
- 또한 성능이 우수한 Yahoo의 지역검색을 이용하면 구글을 이용한 외국의 지역도 검색이 가능합니다.
      ※ 기본은 네이버 맵으로 세팅되어 있으므로 Yahoo 지역검색을 이용할 시는 Yahoo API키를 받아야 하며 약간의 소스 수정을 해야합니다.

4. TripLog로 간단하게 포스팅 하는 기능
    - 글등록자나 관리자에 한해 등록된 map의 글을 지도와 함께 쉽게 Triplog사이트로 메타포스팅 할 수 있습니다.

이상이며 기타 자잘하게 안정성을 강화 했습니다.

설치방법은 아래와같습니다.

설치 방법

1.첨부되어 있는 파일을 다운로드 후 압축을 해제합니다.
TripLog_map_v1.0.1.zip

2. TripLog_map 폴더를 /zbxe/modules/editor/components 폴더에 넣습니다.



3. 관리화면의 기능성모듈 > 위지윅 에디터 항목에 새로 나타난 TripLog맵 연동의 설정창을 열어 설정을 합니다.




   1) [맵] 구글 지도 api key - 반드시 필요한 키값입니다. 해당 사이트에서 키값을 받아서 입력하셔야합니다.

    2)[맵] 네이버 지도 api key - 반드시 필요한 키값입니다. 해당 사이트에서 키값을 받아서 입력하셔야합니다.

    3) [검색기능강화] 네이버 일반 api key [옵션] - 반드시 필요하진 않지만 지역검색 시 검색 결과(자연어)를 확장할 수 있습니다.

    4) [검색기능강화]야후 거기 지도 api key [옵션] - 반드시 필요하진 않지만 검색결과의 퀄리티가 좋습니다. (외국지역까지 검색됨)




기본설정으로 네이버 주소검색으로 되어 있으며 Yahoo검색을 이용하실려면 popup.html파일의29번째줄 쯤의 코드를
           아래와 같이 수정해야 합니다.

        <form action="./" method="get" onSubmit="search_address_yahoo(); return false;" id="fo" >

TripLog_map_v1.0.1.zip (192.8KB)(7)

피앙새 파스텔 12가지 칼라 스킨

2008-04-30T22:26:19+09:00

http://www.zeroboard.com/16782148

제목 그대로 파스텔 12가지 칼라 최신글 스킨 입니다.
조현우님(sound4u)님의 소스인데, 색이 단색이라 이번에 12가지 색으로 골라 쓸 수 있도록 했습니다.
원작자님께 수정 배포 허락을 받고, 이 스킨을 토대로 해서 다른 스킨들도 시리즈로 계속 올릴 예정입니다.
일단 보시면 아래 그림과 같습니다. 캡쳐화면인데, 직접 예제사이트 보시면 파스텔 칼라 색상이 더 선명합니다.

적용사이트 보기 http://www.rotc23.pe.kr/

적용시험은요
ie7과 ie6에서 했는데, 잘 보입니다. 다만 파폭은 제컴에 설치를 못해서 확인을 못했습니다.

사용방법은요
첨부파일을 다운받아서 압축화일을 풀면 fiancee_newdoc 이라는 폴더와 내용물들이 생길텐데, 그것을 widgets/newest_document/skins 폴더에 업로드 하고, 관리자모드의 페이지 수정에서 최신글 위젯을 추가 하시면 됩니다.
그외 자세한 설명은 ZBXE 메뉴얼을 참고 하시면 됩니다.

참고로, 제가 미술을 해서 디자인은 관심이 있는데, 스킨쪽은 초보라서 질문을 하셔도 답변을 못드릴 경우가 많을텐데, 이해 부탁드리겠습니다. 다만 이스킨쪽은 아는대로 답변 드리겠습니다.

예쁘게 사용하시려면요
이 스킨을 예쁘게 사용하시려면 각 메뉴별로 스킨색을 다르게 적용하시면 좋습니다.
예를 들어 Home은 그린색, Family는 기본색, Life는 치자색, Relax는 담자색, Study는 분홍색 이런식으로 하면
레이아웃의 변경 없이도 홈을 예쁘고 칼라플하게 만들 수 있습니다.
물론 칼라플한게 촌스럽다고 느끼시면 마음에 드는 한가지 색으로만 통일해서 사용하시면 됩니다.

앞으로요...

1. 현재 12가지 색인데, 전통색과 파스텔 칼라를 조화시켜 여러가지 칼라로 추가 예정
     여기에 사용되는 색은요. 바로 이 색입니다.   전통색 보기 http://www.rotc23.pe.kr/zbxe/webtip/167320 (새창)

2. 본 최신글 칼라를 토대로 최근댓글, 최근웹진, 최근이미지, 최근탭게시물을 칼라세트로 추가 제작 /배포

3. 원 스킨 소스 특성상 모서리를 둥글게 만들고 모서리 배경을 투명 처리 했으나 깔끔하게 보이지 못하는 단점이
     있어서 외곽은 사각형으로 하고 타이틀 아래 부분만 둥글게 처리함. 이 문제는 향후 계속 고민하고 고수님께
     문의해서 모서리를 둥글게 할 예정( 이 문제에 대해 아시는 분이 답변주시면 수정 배포할께요...)

fiancee_newdoc.zip (74.9KB)(23)

우야노닷컴 배포판 v2.0

2008-04-30T12:03:30+09:00

우야노

http://www.zeroboard.com/16780024

어쩌면 시작도 하기전에 마지막 버전이 될지도 모를 우야노 배포판 v2.0을 공개합니다.
스킨을 올리면서 항상 느끼는 것이지만 설명을 어떻게 해야 할지가 난감하군요...
이번 버전은 제 홈페이지 http://www.uyano.com/ 에서 사용하는 레이아웃과 99%동일한 것입니다.
그리고 제가 레이아웃에 첨가해 사용하는 위젯 몇가지를 패키지 처럼 묶었으니 참고하시기 바랍니다.

제가 생각하는 이번 버전의 핵심은 메인메뉴의 롤오버기능인데..
이 부분은 블루게이트님의 홈페이지에 사용되는 자바스크립트를 활용하여 제 레이아웃에 맞게 수정한것입니다.
특징이라면 메인메뉴의 1차메뉴의 위치와 함께 움직인다는 것이며,
메뉴관리에서 관리자 체크가 되어 있더라도 오류를 일으키지 않습니다.
또한 메인메뉴의 2차메뉴 css수정도 보다 용이하리라 생각됩니다.(소마세월님의 팁을 기준으로한 주관적 견해입니다.)

공개 및 수정을 허락해 주신 블루게이트님께 진심으로 감사드립니다.!!

머릿말이 너무 길었네요.. 이제 레이아웃에 대해 간략히 설명해 드리겠습니다.

메인 레이아웃입니다. v1.0과 달라진 부분은 문두에 밝힌것 처럼 롤오버 메뉴가 지원된다는 것이고
하늘색에서 그린으로 색상을 변경하였습니다.
로그인은 일부러 가로로그인(KK_Login_karo 로그인을 수정한것) 과 우측편 박스 로그인(기본로그인을 수정한것) 2개를 넣어놓았습니다.
압축을 푸시면 패키지로 들어가 있으니 참고하시기 바라며.. 필요하시것만 남겨서 쓰시면 될듯합니다.

서브레이아웃입니다.
메인메뉴나 로그인부분에 대한 설명은 메인메뉴의 것과 동일하며, 전체적인 구성은 v1.0과 동일합니다.
전체 레이아웃이 좌측, 가운데, 우측으로 구분되어 있으니 참고하시기 바랍니다.
v1.0에 비해 가장 변화가 없는 서브레이아웃 되겠습니다.

참고로 v1.0과 마찬가지로 게시판에 분류기능을 활성화 시켜 놓으신 경우 카테고리와 달력위젯이 출력됩니다.
필요없으신분은 과감히 삭제해주시면 됩니다.

새롭게 공개하는 갤러리 레이아웃입니다.
심하게 충동적으로 뚝딱 만든 레이아웃인지라 문제가 좀 있어보이긴 합니다만.. 그래도 요청하신분도 있고 해서 같이 올립니다.
메인메뉴 이외에도 메인메뉴 바로 아래에 2차메뉴가 출력되게 메뉴 박스를 하나 더 넣었습니다.
어두운 배경에 맞게 메인메뉴의 색상도 블랙으로 잡았고, 스샷에는 없습니다만.. 하단의 copyright 출력부분도 검은색 배경으로 만들었습니다.

이상 레이아웃에 대한 간략한 설명이었습니다.
설치법을 질문하시는 분이 간혹 계신데..

이번에는 압출을 푸시고 그대로 zbxe 폴더에 올려주시면 됩니다.
그러면 laouts폴더속에 uyano_main,uyano,sub,uyano_gallery 세개의 폴더가 만들어 집니다.
이제 관리자 화면에서 3개의 레이아웃을 모두 사용하시려면 각각 하나씩 모두 생성시켜 주면 됩니다.
그리고 적용을 원하는 모듈에 각각의 생성된 레이아웃을 연결하시면 되겠네요..
(말로 하려니 무지 어렵습니다. ㅡ.ㅡ;;)

나름대로 충분한 테스트를 거친후 올리는 것이지만.. 문제가 발생할경우 혼자 해결 마시고.. 꼭 알려주셨으면 합니다.
그리고 마지막으로 다시 한번 자바스크립트 사용을 허락해주신 블루게이트님께 감사드립니다.

uyano_release_v2.0.zip (316.7KB)(46)

플래너 미니달력 위젯 0.1.1 (planner_calendar)

2008-04-22T19:17:09+09:00

http://www.zeroboard.com/16751657

플래너 모듈 연동 '플래너 미니 달력' 위젯입니다.

플래너 모듈 0.2.2 이상에서 동작합니다.

라이센스 : GPL 2

[변경 사항]

nano스킨에서 일정이 표시되지 않던 문제 수정
가로 크기 설정이 반영되지 못하던 문제 수정
대한민국 기념일/음력 표시 여부 설정 추가
- 플래너 모듈 또는 다른 미니달력 위젯이 같은 페이지에 있는 경우 이 설정이 반영 안 될 수 있습니다.

widget_planner_calendar_0_1_1.tgz (2.0KB)(10)

widget_planner_calendar_0_1_1.zip (4.2KB)(130)

플래너 모듈 0.2.2 (planner)

2008-04-22T19:15:20+09:00

http://www.zeroboard.com/16740827

Planner 0.2.2입니다.

역시 문제로 추정되는 부분만 수정하였습니다.

0.2.1 사용하시던분은 그대로 덮어씌우시고, 모듈 업데이트는 없습니다.
0.2 사용하시던분은 모듈 업데이트를 하셔야 모듈 삭제기능이 정상 동작합니다.

이 모듈과 연동되는 미니달력 위젯은 추가 업데이트 없이 연동됩니다.

zbXE 1.0.2 이상에서 동작합니다.

라이센스 : GPL 2

[다운로드]
module_planner_0.2.2.tgz
module_planner_0.2.2.zip

[주요 변경 사항]

IE6에서 발생하는 예상문제 수정 시도 - 해결이 되었을런지는 미지수...
글 읽기 페이지에 일정의 기간 출력

[변경 예정 사항]

빠른 일정 추가 화면 - 글쓰기 페이지로 이동하지 않고 레이어에서 간략한 입력페이지 제공
권한설정 정리 - 현재 권한설정이 정상작동하지 않음. ㄷㄷㄷ

module_planner_0.2.2.zip (160.9KB)(240)

댓글 알림 애드온 0.7.0

2008-04-17T12:48:47+09:00

베니

http://www.zeroboard.com/16732363

digist_notify addon ver. 0.7.0

이 애드온은 사용자가 제로보드 XE로 만들어진 사이트에서 게시물에 댓글을 달때 그 게시물의 작성자나 관련된 답글(즉, 댓글에 댓글을 쓰는 경우)의 작성자에게 쪽지를 보내줍니다.

이 애드온은 현재 제로보드 1.0.2에서 테스트되었습니다.

0.7: 0.2.9 이후에 작동되지 않던 문제를 수정하였습니다. 쪽지 받기 설정과 관련된 약간의 오류를 수정하였습니다.
0.6: 쪽지 받기를 거부한 회원에게는 댓글알림을 하지 않습니다./ 쪽지 팝업이 출력되었을때 링크를 클릭하면 새창을 열지 않고 이전 창에서 글이 열립니다.(파이어폭스에서 탭으로 출력되는 문제).
0.5: 첫번째 릴리즈.

사용법은 이전과 동일합니다.

본 애드온은 Creative Commons 3.0 라이센스하에 배포됩니다.(0.6부터 라이센스 정책을 변경하였습니다.)

※ 제가 공식사이트 댓글을 수시로 확인하지 못하는 경우가 많으니 문의는 제 블로그에 부탁드리겠습니다. 감사합니다.

작동하지 않더라도 너무 뭐라 하지 마시고 문의사항은 배포 게시물 댓글로 달아주시면 감사하겠습니다.(이메일은 읽지 않습니다.)

digist_notify.0.7.0.zip (3.5KB)(10)

digist_notify.0.7.0.tgz (3.0KB)(1)

(80san) Zbxe가 1.0.2가 되면서 작동되지 않던 것을 베니님이 재배포했네요.

xe_board_for_extra_vars 확장변수 전용 게시판 스킨

2008-04-17T00:13:31+09:00

http://www.zeroboard.com/16730169

게시판의 게시글 리스트에 확장변수를 자유롭게 표현 하려고 xe_board 스킨에 소스를 변경하여 팁을 올려 습니다만, http://www.zeroboard.com/16705164에 팁으로 만 올리다보니 여러가지 수정 보완 점이 자주 발생하다보니 xe_board 스킨 자체에 문제가 발생할 소지가 있을 수 있을것 같아
zbxe ver 1.0.2를 기준으로 몇가지를 수정 보완하여 "xe_board_for_extra_vars" 스킨으로 올려 드립니다.

xe_board_for_extra_vars스킨의 적용방법

1. xe_board_for_extra_vars.zip 를 압축해제하여 계정의 moudles/board/skins에 복사하세요.
2. xe_board_for_extra_vars스킨을 적용 할 게시판을 선택하신후, 게시판 설정>게시판정보>수정에서
    아래 "게시판 정보 수정 그림 1번" 처럼 스킨을 선택하여 주세요.

(게시판 정보 수정 그림)
3.게시판 설정>스킨관리에서 스킨 설정 항목을 설정하세요.

스킨관리 그림 1) 게시글 목록 항목별 폭
                              게시글 목록의 항목별 폭을 설정 하실수 있습니다. 번호,글쓴이,조회수,추천수,작성일,최근변경시간순
                              으로 숫자를 콤마(,)로 구분하여 입력하시면 됩니다.
                               (1) 아무것도 입력 하지 않으면 게시판 목록의 기본 폭이 적용 됩니다.
                                (2) 목록 항목별 폭은 목록 항목에 확장 변수및 기본 항목 표시를 할 때 도 적용됩니다.
                                (3)  아래의 예는 번호, 글쓴이 폭만 재설정 하고 나머지는 기본 폭으로 설정한 경우 입니다.
                               (4) 만일 번호폭(50) 과 최근 변경시간(100)으로 하시고 나머지는 기본 폭으로 설정 하시려면
                                       "50, , , , ,100"으로 입력하시면 됩니다.

스킨관리 그림 2) 게시글 항목별 정렬
                               게시글의 항목별 정렬 방식을 입력 하실 수 있습니다. 제목,글쓴이,조회수,추천수,작성일,최근변경시간
                               순으로 정렬 방식(center, right, 기본 값은 left입니다.)을 콤마(,)로 구분하여 입력하시면 됩니다.
                              (1) 아무것도 입력하지 않으시면 모든 항목이 왼쪽 정렬이 됩니다.
                               (2) 항목별 정렬은 목록의 항목에 확장 변수를 지정 하셔야만 적용 됩니다.
                                    즉, 모든 항목을 "Y"로 설정 하시면 게시글 목록의 기본 방식으로 표현 됩니다.
                               (3) 아래의 예는 목록의 조회수 만 가운데 정렬을 하고 그 외의 항목은 왼쪽 정렬입니다.
                               (4) 만일 제목(가운데) 과 최근 변경시간(오른쪽)으로 하시고 나머지는 기본 왼쪽으로설정 하시려면
                                     "center, , , , ,right"으로 입력하시면 됩니다.

스킨관리 그림 3) 항목표시
                            게시글의 기본 항목 표시, 숨기기, 확장변수 출력을 지정 하실 수 있습니다.
                             (1) 기본 항목 표시는 "Y"이고 숨기기는 "N"으로 지정하시고 확장 변수를 출력 하고 싶으 시면 표시 하고
                                  싶은 확장 변수의 번호를 지정하여 주시면 됩니다.

                              (2) 만일 게시판 정보 수정에서 해당 확장 변수(예 : 확장변수1)를 지정 하지 않으시고, 스킨관리에서
                                    게시글 항목(예: 제목표시)에 해당 번호의 확장 변수(예 : 확장변수1)를 지정하시면,
                                  게시글 항목(예: 제목표시)은 "Y"의 조건으로 전환 됩니다.

(스킨관리 그림)

4. 게시글 목록

게시글 목록 그림 1) 게시글 목록은 리스트 타입과, 웹진 타입만 있습니다.
게시글 목록 그림 2) 가운데 정렬을 적용한 예 입니다.
게시글 목록 그림 3) 검색기능은 확장변수 검색만 가능합니다.
                                    (1) 게시판 정보에서 확장 변수가 지정 되었더라도 검색에 체크인 되어있지 않으면 검색 대상에서
                                         제외 됩니다.
                                   (2) 게시판 정보에서 확장 변수가 지정 되었더라도 모든 확장변수에의 검색에 체크인 되어있지 않으면
                                         검색창이 나타나지 않습니다.

xe_board_for_extra_vars.zip (194.0KB)(9)

팁 과 스킨을 공개 한다는 명분으로 여러분을 혼란 스럽게 하는 것 같습니다. 이 정도면 되었다 하고 올리면 또다른 문제점이 보이고 해서 여러번에 걸쳐 본의 아니게 그렇게 되었습니다. 이번을 마지막으로 수정 할 내용이 없기를 바라며.......
2차 수정분을 올려 드립니다.

우선 xe_board_for_extra_vars.zip를 계정의 modules/board/skins폴더에 압축해제하여 복사 하시고, 기본적인 사용법은 http://www.zeroboard.com/16730169를 참조하시고, 추가로 아래의 내용이 수정 보완 되었습니다.

1.게시글 리스트 항목에 글자수 제한하기

1). 게시판설정>스킨관리>게시글 목록 항목별 글자수에서 "게시글 목록 항목별 글자수"를 제목,게시글,글쓴이,조회수,추천수,작성일,최근변경시간 순으로 숫자를 콤마로 구분하여 입력할 수있도록하였습니다.

2). 게시글 목록 항목별 글자수"에서 제목 과 게시글의 글자수는 제목 과 게시글의 항목에 확장변수를 할때와 기본 항목을 적용 할때 적용이 됩니다.

3). "글쓴이,조회수,추천수,작성일,최근변경시간" 글자수 제한은 "글쓴이,조회수,추천수,작성일,최근변경시간" 항목에 확장변수를 적용 할때만 적용이 됩니다.

4). 영(0) 이나 아무런 숫자도 입력하지 않으시면 글자수를 제한 하지 않습니다.

2. 기타

1). 웹진 스타일> 게시글 리스트 항목> 제목에서 "게시글 목록 항목별 정렬" 값이 적용되지 않던 것을 수정 하였습니다.

연관글 출력 애드온 ver 0.1 (tag_relation)

2008-04-17T00:11:02+09:00

http://www.zeroboard.com/16724410

태그기반으로 연관글을 출력해주는 애드온입니다.

태그가 입력된 글의 하단에 같은 태그를 많이 가진 글을 출력해줍니다.
입력된 태그가 없을 경우에는 출력되지 않습니다.

출력할 모듈(mid)을 지정할 수 있으나, 글을 가져올 때는 전체모듈을 대상으로 합니다.
같은 태그가 많은 순으로 출력됩니다.

모양새는 하늘님의 애드온에서 따왔습니다:)

[설치위치]

'zbXE디렉토리/addons' 하위에 'tag_relation' 가 위치하도록

[사용방법]

'관리페이지 > 관리형 모듈 > 애드온' 페이지에서 '연관글 출력' 애드온 활성화

아래와 같이 출력됩니다.

tag_relation_0.1.tar (16.0KB)(9)

tag_relation_0.1.zip (6.8KB)(59)

카테고리 글 더보기 애드온 ver 0.1

2008-04-15T10:43:10+09:00

하늘03

http://www.zeroboard.com/16722602

며칠동안 잡고 있던 프로그램 하나를 올려봅니다.

원래는 위젯으로 만들었었는데 오늘 제로님의 조언을 바탕으로 애드온으로 만들어보았습니다 +_+

카테고리 글 더보기 애드온인데요. 티스토리에 비슷한 플러그인이 있어서 제로보드에서도 써봐야지 하는 마음에 ^^

카테고리를 사용하는 경우에 각 게시판 (혹은 블로그) 글 뒤에다가 해당 카테고리의 주변 글들의 리스트를 뿌려줍니다.

제 홈페이지 : http://seungyeop.kr 에서 현재 사용중입니다

addons 밑에 넣으신다음에 관리에서 사용하기로 변경하시면 자동으로 사용이 됩니다

category_more.tar.gz (2.3KB)(16)

round_box 0.1 - 라운드 박스 삽입 컴포넌트

2008-04-14T20:12:47+09:00

http://www.zeroboard.com/16720955

모서리가 둥근 라운드 박스를 추가할 수 있습니다. (글 상자?)

느까기님이 올리신 팁에서 올려주신 'NiftyCube'를 활용하였습니다.

# 설치위치
'zbXE디렉토리/modules/editor/components' 하위에 'round_box'가 위치하도록

# 활성화 방법
'zbXE관리페이지 > 기능성 모듈 > 위지윅 에디터'에서 '라운드 박스'항목을 '활성'으로 변경 ('비활성' 클릭)

# 사용법
블록을 지정하고 '라운드 박스'아이콘을 클릭 > 설정 후 [추가]버튼 클릭

round_box_0.1.7z (13.4KB)(4)

round_box_0.1.zip (16.5KB)(17)

RM 자료

첨부파일 외부 저장소 이동

쇼핑몰 모듈

핵심 기능

관리자

구충제 모듈 v2

리액션 모듈 - 글, 댓글에 반응 남기기

변경 내역

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

플레어레인을 이용한 웹푸시 모듈 1.1.0

링크 프리뷰

0.0.4 업데이트

1. 설치 방법

2. 모듈 설정

1) 기본 설정

2) 프리뷰 카드 설정

3) 미디어 임베드 설정

4) 게시판 공통 설정

3. 소소한 팁

카테고리/확장변수 바로 수정 애드온 0.1.3

바로 업로드 애드온 0.0.2

0.0.2 업데이트 (2022.03.14)

1. 파일 드롭

2. 붙여넣기

미디어 임베드 애드온

0.4.0 업데이트 (21-06-26)

1. 소개

2. 설정

3. 지원 사항

4. 데모

5. 버그 제보 및 건의

확장변수로 특정그룹만 게시글 열람

폼 위젯

위젯 설명

1.1.1 업데이트

1.1.0 업데이트

1.0.1 업데이트

'설정' 설명

1. 게시판 연동

2. 콘텐츠 제목

3. 분류(카테고리) 활용

4. 문서 비밀번호

5. 사용자 정의(확장변수) 활용

6. 댓글 허용, 공개/비밀 선택

7. 개인정보 안내 및 동의

8. 폼 전송 후 페이지 처리

몇 가지 팁

분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요

폼-메일(form mail)로도 사용할 수 있어요

기능 확장을 고려할 수 있습니다

기타 정보

게시판 전체 검색 모듈

확장변수 업로드 모듈

탭 위젯을 생성하게 해주는 에디터 컴포넌트

미디어플레이어 애드온(MediaElement addon)

드래그하여 페이지/문서 이동 애드온

jQuery Viewer 애드온(lightbox 계열, 확대축소 가능)

responsive photo viewer 애드온

템플릿 컴포넌트

기본 기능

사용 방법

템플릿 등록 방법

주의 사항

테스트 환경

히스토리

데모

문하우스에서 만든 템플릿들

가입권유 애드온 v2.3

날씨 위젯

zip 다운로드 애드온

말풍선(툴팁) 애드온

쪽 나누기 애드온

각주 에디터 컴포넌트 + 각주 편집 애드온

문하우스 Tip 1)

0.3 업데이트 (2017-09-19)

개요

업데이트 사항

향후 업데이트 계획

0.2 업데이트 (2017-09-17)

기능 향상

문하우스 Tip ¹⁾

타임라인 `1.0.2`