위젯 스킨 - 로마네스크 최근 문서 출력 스킨 공지사항 Ver (수정)

위젯 스킨 자료실

이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

글 수 280

로마네스크 최근 문서 출력 스킨 공지사항 Ver (수정)

웹진 방식 최근 게시글 조회 수 14744 추천 수 9 2009.01.09 17:46:43

라르게덴 *.234.236.247 http://www.xpressengine.com/17621858

라이센스 :	GPL2
기타 라이센스 :
적용 버전 :	정식버전(1.0이후)
프로젝트 URL :

소개
본 스킨은 jQuery 프레임웍을 이용하여 이쁜 효과, 디자인(?)을 구현하여 공지사항 용으로 맞게 제작 된 스킨 입니다.

설치법
- 아래 첨부파일 rnq_newest_notice.zip을 다운 받으셔서 압축을 푸시고 widgets/rnq_newest_document/skins/ 폴더안에 복사해주세요.
- 스킨 사용 전 func_include 애드온을 다운 받으셔서 실행시켜주세요.
- 관리자 페이지 -> 위젯 -> 최근 문서 출력 위젯에서 코드생성 해주세요.
- 원하는 레이아웃, 페이지 등에 삽입하여 이용해주세요.

옵션
- 컬러는 위 이미지와 같이 총 6가지 입니다.
- 흰색과 검정색 바탕에 각각 3가지의 색으로 이루워져 있습니다.

그밖에 기능 소개
우선 본 스킨은 func_include 애드온을 이용하여 기존 스킨으로만 구현할 수 없었던
직접 만든 함수처리라든가 Query 결과물을 출력 하도록 하였습니다.

사용된 함수 6개
- 브라우져 버젼 구하는 함수
- 공지용 글내용 처리를 위한 함수(글 가운데 섬네일 이미지를 넣기 위한 수단)
- 문자열 자르기에서 ...을 하지 않기 위해 별도로 함수 선언
- 스킨 파일 내에 있는 lang 언어파일 로딩
- 대상 중 최근 등록한 글의 등록시간을 구하는 함수
- 대상 중 최근 등록된 글의 게시 시간으로 부터 얼마나 지났는지 표시 함수

언어변수 설정
- 본 스킨은 기본 언어 이외에 스킨 내부에서 불러오는 언어가 있습니다.
- 언어 변수 중 최근 등록 된 글의 시간과 현 시간을 비교하여
출력해주는 언어들이 있습니다.

    /* 일수 글 */
    $lang->rnq->_time->DiffDay = array(
        /* 일수 => '내용' */
            1 => '어제',
            2 => '그저께',
            3 => '그끄제',
            4 => '4일전',
            5 => '5일전',
            6 => '6일전',
            7 => '1주전',
.... 중략
    );

- 일수에 따라 비교 할 말을 변수로 따로 뺐습니다.
- 위와 같은 형식으로 추가 시켜 주시면 됩니다.
- 형식상 일수와 초수의 글에 대해서만 대입시키도록 하였습니다.

jQuery Framework
본 스킨은 지난 로그인 스킨과 마찬가지로 jQuery를 이용하여 제작 되었습니다.
지난 번 보단 기능이 많이 내장 되어있습니다.

쿠키
본 스킨의 잠그기, 접기 기능의 쿠키 유지 기간 입니다.(기본 7일로 잡았습니다.)
rnq_newest_default/js/rnq_newest_default.js

var rnq_newest_default = {
    /* cookie 유지 기간(일) */
    date : 7,

파일을 열어보시면 보기 쉽게 주석을 달아놨으니 원하시는 날짜 만큼 조정하시기 바랍니다.
ps : 0으로 할 경우 쿠키 생성이 되지 않습니다. 고로 페이지 새로고침 또는 이동 후에 최초 모습으로 가게 됩니다.

AJAX로 페이지 이동
본 기능을 넣을까 말까 하다가 넣었습니다. 하지만 넣긴 넣었지만 그리 추천하지는 않습니다.
해당 기능은 페이지 이동 시 AJAX를 이용하여 리플레쉬 하지 않고 이동하도록 해주는 기능 입니다.
rnq_newest_default/js/rnq_newest_default.js


/* ajax로 페이지를 넘길지 예(true), 아니오(false) */

    ajax_mode : false,

파일을 열어보시면 보기 쉽게 주석을 달아놨으니 사용하실려면 true 아니면 그대로 두시기 바랍니다.
ps : 본 내용은 AJAX라도 해도 적은 트래픽으로 불러오는게 아닙니다. 그냥 일반 리플레쉬와 똑같은 트래픽이 발생되고
속도 또한 똑같습니다. 더 빠른 처리를 위해서는 스킨가지고만은 되질 않습니다.

잠그기 , 접기 기능
- 이 기능은 그냥 재미삼아 넣은 기능입니다.
단순한 디자인 가지고는 먼가 멋없어 보여서 잠그기와 접기 기능을 넣어봤습니다.
- 잠그기의 원래 목적은 관리자가 위젯은 출력하되 내용과 이동을 하지 못하도록 웹상에서 버튼 하나로 처리하도록 하는 목적이었으나,
너무 복잡해지고 그런 관계로 일단 단순한 놀이로 하였습니다.
- 접기 기능은 접고 펴고 하는건데 뭐 이런건 설명할 필요는 없겠죠.
- 본 기능은 쿠키를 가지고 이용 됩니다. 쿠키의 기간 만큼 화면상에 저장 됩니다.
- 허나 위젯의 위치나 선언 내용이 바뀌면 초기화 또는 꼬이게 되니 주의 하시기 바랍니다.(꼬여도 큰 문제는 없습니다. 다시 생성하면 되는 거니까요)

호환성
본 스킨의 호환테스트는
firefox 3.0.5,
opera 9.52,
safari 3.1.2(525.21),
Chrome(초기버전),
IE 7.0.5730.13
위 5가지로 테스트 했습니다.
IE 6이하는 테스트하지도 염두하지도 않았기 때문에 제대로 출력되지 않습니다.

IE6이하는 호환하지 않습니다.
앞으로 제가 만드는 모든 스킨은 IE6을 염두하지 않고 제작합니다.
너무 무의미하게 시간과 노력이 들어가기에, 요즘 대세도 IE6은 이미 물건너갔다고
보기 때문에 IE6인 사람들은 어쩔 수 없지만 앞으로 IE7이상에서 제작합니다.

가로 사이즈
기본 188px 입니다.(200px에 해당하는 크기)
css 파일(white.css,black.css) 제일 처음 줄 중에 .rnq_newest_notice 에 선언되어있으니 로마네스크 위젯을 이용하지 않을 경우에는
해당 크기를 조절해 주시기 바랍니다.

배경 이미지
배경이 png 이고 하나의 파일이 아니라 각 리스트 세로 크기 만큼 짤라 놓은 겁니다.
임의의 이미지를 만드시고 싶으신 분들은 해당 위젯의 images 폴더 안에 파일이 있으니 포토샵 등을 이용해서
크기는 그대로 두시고 이미지를 꾸며주시기 바랍니다.

박스 이미지
- 본 스킨의 박스는 뒷 배경을 바꿀 수 있도록 하였으며 박스 테두리는 png 파일로 되어있습니다. 하여 뒷 배경이 투명하게는 어렵습니다.
흰색 또는 검정색 배경이 아닌 다른 배경으로 사용하려면 스킨/images/(white,black)/box.png 파일을 포토샵 등으로 겉색을 바꾸셔야 합니다.
- 박스의 배경이미지는 총 17개를 만들어 봤습니다. 스킨/css/(red,green,pink).css 에서 /* Day Box 배경 */ 항목에서 숫자를 바꿔주시면 됩니다.
(박스 이미지 경로 : 스킨/images/box_background/01~17.jpg)

- 원하는 색으로 바꿔서 사용하세요.

주의
- 본 스킨을 로마네스크 최근 문서 위젯이 아닌 XE 기본 위젯에 넣을 경우 위의 페이지 기능 및 게시글 시간 여부는 표시되지 않습니다.
(언어 파일도 로딩 되지 않습니다.)
하지만 동작 과정에는 아무런 문제 없습니다.(잠그기,접기 기능은 정상 동작 함)

수정사항

- order_target 이 list_order, update_order 에서만 날짜가 출력되는 문제 개선 (2009.01.12 13:40)
(로마네스크 최근 글 위젯에서는 title, readed_count, voted_count 정렬까지 지원 됨)
- 타 위젯의 네비게이션 함수와 충돌로 인하여 위젯, skin 소스에 네비게이션 함수를 클래스로 변경 (2009.01.12 16:45)
- 글 옆 아이콘 크기에 따라 본문이 흐트러지는 오류 개선 (vertical-align:middle; 처리) (2009.01.14 09:30)

안내

본 스킨으로 되어있는

는 지우지 말아주셨으면 합니다.
현 XE는 info.xml 등을 통하여 제작자 정보를 기록하도록 되어있지만 그 표기법에 있어서 위젯 스킨은
누가 만들었는지 표시되는 곳이 없습니다.
스킨의

는 게시판의

와 같은 역할로 만든 것이니 지우지 말아주셨으면 합니다. ㅠㅠ

테스트는 http://www.animeclub.net 또는 http://www.animeclub.net/xe_rnq 에서 하시기 바랍니다.

덧 : 버그 잡습니다. +_+ 알려주세요~
덧2 : 수정 사항이 생겼습니다. 수정사항 읽으시고 기존 분들 중 필요로 하시는 분들은 다시 받아주세요.
덧3 : 오늘만 두번 수정 하네요... 이미 받아 쓰시는 분들 다시 받아서 사용 해주세요 ^^
덧4 : 마지막 업데이트가 되길 바라면서 또 다시 올려봅니다. 다시 받아주세요;;

이 게시물을...

: 로마네스크 최근 문서 출력 스킨 공지사항 Ver; 위젯 스킨; XE

엮인글 :: http://www.xpressengine.com/17621858/f9e/trackback

2009.01.09 17:58:48
*.1.113.122

와 ..역시 라르게덴님 ..^^

2009.01.10 09:26:33
*.109.3.133

번호	제목	글쓴이	날짜	조회 수	추천 수
웹진 방식 최근 게시글 웹진방식 위젯 제목만 출력 하게 만들어 봤습니다. 스킨 살짝 수정 [3] 안녕 하세요.. 맨날 퍼가기만 했습니다.. 이것 저것 가져다가 붙여서 꾸미고 했는데요. 꾸미다 보니까 부족한 부분이 있어서 제로님 웹진 최신 게시물 스킨에서 내용만 제거 하고 제목만 출력 해보도록 수정 해보았습니다. ./wid... 지우개님 2009-02-12 조회 수 11188 추천 수 0
최근 이미지 포토 플로우 플래시 갤러리 데모 버전 이용하기 [17] 포토 플로우 플래시 갤러리 =============================================================== 이거 만들어서 혼자 사용하기 아까워서 올려봅니다. 혹시 필요하신분이 있으면 아래 사항을 잘 읽어보시고 사용해 ... 하하호호33 2009-02-11 조회 수 12165 추천 수 1
최근 이미지 플래시 이미지 출력 슬라이드 (09.02.13 파이어폭스에서 작동 가능추가) [248] < 검은색바탕에 적용한 예 > < 하얀색바탕에 적용한 예 > 저번작?에 많은 관심 가져주심에 힘입어 좀더 퀄리티?를 높여밨습니당 ㅎㅎ;; 네이버_포토에 쓰이는 플래시를 응용해봤습니다.....(문제될시 삭제하겠습니다;;) 먼저 900 * 3... ztyle 2009-02-06 조회 수 31347 추천 수 38
로그인 폼 포탈 로그인 스킨 [28] 안녕하세요. 오래만에 자료 올리는거 같네요,ㅎㅎ 백짱구님이 몇일전에 배포하신 로그인스킨이 너무 맘에 들어서 제 사이트에 맞게 수정해본겸 이렇게 공유도 해봅니다, 여러 색상으로 수정해서 올리려다 갑자기 할 일이 많아져서 ... 해커다 2009-02-04 조회 수 13917 추천 수 15
최근 이미지 플래시 이미지 출력(업데이트) [50] 디카사진 투명 플래시 최근 이미지 출력 - 2009년 02월 11일=============================================================== 정성호님 덕분에 파일이 잘못 올려진것을 확인했습니다. 죄송하게 생각합니다. 말씀들을... 하하호호33 2009-02-02 조회 수 12758 추천 수 7
로그인 폼 웹미니 로그인 버전 2 [9] 안녕하세요. 웹미니 로그인 버전2 입니다. 기존 1버전과 비슷하며, 약간의 디자인과 소스만 정리 되었습니다. 보시는 바와 같이 input 포커스가 활성화 되면, 테두리 색상이 바뀌는 부분이 달라졌습니다. input 포커스가 활성화 ... 빽짱구 2009-02-01 조회 수 13881 추천 수 6
기타 분류(카테고리)기능 가로 스타일(widthstyle) [8] 분류(카테고리)기능 가로 스타일 다운로드 : widthstyle.zip 카테고리 스킨폴더에 넣으시고, 카테고리 위젯인 게시판분류출력기를 선택하여 스킨을 선택하시면 됩니다. 다운로드 하셔서 압축을 푸신후 제로보드폴더/modules/category/skin... 김병화999 2009-02-01 조회 수 11526 추천 수 3
기타 출석부 기본 위젯 스킨 Ver. 0.8 [9] 출석부 위젯 기본 스킨에 일부 잘못된 코드가 있어 수정한 버전을 배포합니다. 수정내용 : 자동출석 시 1,2,3등 가산점이 잘못 주어지는 문제 수정 [XE_Dir]/widgets/attendance_check/skins/에 덮어씌우시면 됩니다. 다운로드 de... 매실茶 2009-01-21 조회 수 7803 추천 수 1
웹진 방식 최근 게시글 로마네스크 최근 문서 출력 스킨 공지사항 Ver (수정) [10] 소개 본 스킨은 jQuery 프레임웍을 이용하여 이쁜 효과, 디자인(?)을 구현하여 공지사항 용으로 맞게 제작 된 스킨 입니다. 설치법 - 아래 첨부파일 rnq_newest_notice.zip을 다운 받으셔서 압축을 푸시고 widgets/rnq_newest... 라르게덴 2009-01-09 조회 수 14744 추천 수 9
최근 게시글 로마네스크 최근 문서 출력 스킨 통합 Ver (수정) [12] 소개 본 스킨은 jQuery 프레임웍을 이용하여 이쁜 효과, 디자인(?)을 구현하여 통합용 게시판에 맞게 제작 된 스킨 입니다. 모듈 타이틀, 카테고리 이름이 추가 되어있습니다. 설치법 - 아래 첨부파일 rnq_newest_integrate.zi... 라르게덴 2009-01-09 조회 수 12200 추천 수 6
블로그 최신 게시글 로마네스크 최근 문서 출력 스킨 블로그 용 Ver (수정) [7] 소개 본 스킨은 jQuery 프레임웍을 이용하여 이쁜 효과, 디자인(?)을 구현하여 블로그 용에 맞게 제작 된 스킨 입니다. 설치법 - 아래 첨부파일 rnq_newest_default.zip을 다운 받으셔서 압축을 푸시고 widgets/rnq_newest_do... 라르게덴 2009-01-09 조회 수 8591 추천 수 3
기타 bgw_menu 위젯용 배너 스킨 [12] bgw_menu 위젯용 배너 스킨 1. 기능 : - XE의 메뉴 기능을 이용해 배너를 출력하는 스킨입니다. 2. 장점 : - 디비가 아닌 캐시파일에서 읽어 오기 때문에 디비에 부담을 줄여준다. 3. 설치 : - 위젯설치 : 메뉴 출력 위젯... BlueGATE 2009-01-05 조회 수 10215 추천 수 3
똑띠님 배너위젯 , findwind님 스킨 조금 수정해서 올립니다. [6] 주제넘지만..조금 수정 해 봅니다. 제 홈에 사용하려고 만들다보니 똑띠님 findwind님의 허락없이 고치게 되었네요 죄송~~ 똑띠님의 베너... findwind님의 스킨에서 베너 딜레이 시간이 처음 이미지만 적용되더라고요~(findwin님의... 겨레사랑 2009-01-03 조회 수 9700 추천 수 2
기타 플래시 디지털 시계 위젯의 ncloud 아날로그 스킨 [3] 스킨설명 "[악세사리] 플래시 디지털 시계 위젯 ver 1.0"의 아날로그 플래시 시계 스킨입니다. 말이 참 복잡한데.. XE에 기본 포함되어 있는 '플래시 디지털 시계" 위젯의 스킨입니다. ^^; 설치방법 ncloudblog.zip 위 파일을 다... 정낙훈(xynex) 2009-01-03 조회 수 9337 추천 수 1
로그인 폼 이온디 마이노트 로그인 스킨 [7] 이온디 마이노트 로그인스킨입니다. 이온디는 제 개인 홈페이지 이름이고, 마이노트는 제 블로그 이름인데;; 제 블로그에 쓰이려고 만든 로그인 스킨입니다. ^^; [스크린샷] 1번은 자동로그인 체크 전, 2번은 자동로그인 체크한 상... 정낙훈(xynex) 2008-12-30 조회 수 18180 추천 수 1
로그인 폼 이온디 게이트웨이 로그인 스킨 [34] 이온디 게이트웨이 로그인 스킨입니다. 한 7일 정도 걸렸는데 코딩에 바쏘리님께서 많은 도움 주셨고, 프로필 사진에 라르게덴님의 썸네일 코드를 가져다 썼었는데 프로필 사진 함수를 몰라 그런 것이고 라르게덴님께서 알려주셔... 정낙훈(xynex) 2008-12-27 조회 수 12461 추천 수 9
로그인 폼 로마네스크 로그인 스킨 [18] 원래 좀 묶혀두다가 다른거 만들고 있는거 다 끝내고 한꺼번에 올릴려고 했는데 XE도 1.1.2 버전이 올라왔겠다, jQuery도 추가했겠다해서 우선 공개 합니다. 소개 외부로그인 스킨 '로마네스크 로그인'은 jQuery 프레임웍을 이... 라르게덴 2008-12-19 조회 수 15331 추천 수 4
최근 게시글 스크롤 형식 최신문서입니다~! [7] 스크롤 형식 최신댓글과 디자인이 같은....;; 스크롤 형식 최신문서입니다~! 생긴건 아래의 이미지와 같습니다.. 업로드는 widgets/newest_document/skins 에 해주시면 됩니다~ 다운로드는 jaehee_newest_document.zip 잘 사용하세요 ~^^... jaehee_91 2008-12-16 조회 수 10978 추천 수 3
로그인 폼 방문시각+접속정보 로그인시 나타나게... [4] 참... 레이아웃은 http://jcas.co.kr/zbxe/ 문하우스(문집) 님꺼에 추가했습니다. 내용(소스)은 http://aginet.kr 우리아가넷님에서 펐구요... 넘좋아서.. 두분 모두 감사 적용한 홈피 http://skycheer.co.kr ogin_info.html 파일안의 내... 하늘(skycheer) 2008-12-14 조회 수 16819 추천 수 0
기타 블루게이트님의 메뉴추가 위젯의 사이트맵 수정버전 [10] 처음 올린 사이트맵이 오른쪽 하단의 끝부분이 일그러져서 새로 수정한 후 올립니다. 블루게이트님의 메뉴추가 위젯의 사이트맵이 메뉴의 수가 한줄에 다 들어가면 큰 문제 없이 잘작동 합니다. 그러나 두줄 이상 넘어가면 문제가... 모르는게넘많아 2008-12-11 조회 수 11656 추천 수 1