웹마스터 팁

위젯프로그램 게시판에 올려두긴 했는데 위젯 사용법을 모르는 초보분들을 위해 활용팁으로서 올립니다.


첨부파일: music24_kr_clock.zip



 [선행버전] 제로보드XE beta ver 0.2.9 - 수정 1 에서 테스트 햇습니다


아까는 파란블로그에 파일을 올렸더니 이름을 바꾸어서 다운로드되어서 위젯에 에러가 났었습니다..

그래서 수정해서 다시 올립니다.   죄송합니다.

압축을 푸신 후에 폴더이름이 "music24_kr_clock"  인지와 폴더내에 또 폴더가 있는지도 확인을 하세요..

이름이 다르거나 파일의 위치가 다르면 에러납니다. 


 

제가 어제 새벽에 만들어 본 제로보드XE 를 위한 "플래시 아날로그시계 위젯"의 사용법을 설명드리겠습니다. 

 

아래의 설명에 사용된 사진들은 잘 보이지 않으면 클릭하면 크게 볼 수 있습니다



1.먼저 첨부파일을 받아서 압축푸시고 ,제로보드XE가 설치된 폴더의 widgets 폴더 내에

 

(http://홈페이지 도메인/zeroboardxe/widgets/music24_kr_clock/) 업로드 합니다.

 

2. 제로보드XE  관리자 모드로 로그인 하시고 좌측메뉴중에 "관리형모듈"--> "위젯" 을 눌러 위젯 관리창으로 갑니다


 

이미지를 클릭하시면 원본크기로 보실수 있습니다.

 

 

 

 3. 위 1번에서 제대로 설치를 하셧다면 아래 그림과 같이 위젯 관리창에 "아날로그 플래시 시계"라는 항목과 그에 따른 설명이 보입니다

 

 


(사진을 클릭하면 크게 볼 수 있습니다)

 

 

 

4. 이제 시계위젯 사용을 위해서 코드를 생성해보겠습니다.  관리자 메뉴의 좌측메뉴에 "관리형모듈--> "레이아웃"을 누릅니다

 

 이미지를 클릭하시면 원본크기로 보실수 있습니다.

 

 

 

 

5.레이아웃 편집을 누릅니다.

 

 이미지를 클릭하시면 원본크기로 보실수 있습니다.

 

6.레이아웃 편집 창에서 "아날로그 플래시 시계"버튼을 누릅니다.

 
(사진을 클릭하면 크게 볼 수 있습니다)

 

7.코드생성 창에서 원하는 스킨을 풀다운 메뉴에서 선택해 고르시고 가로길이와 세로길이를 170 정도로 적절하게 넣으시고

 

   코드생성 버튼을 눌러 코드를 생성합니다.

.

 

플래시 시계스킨은  아날로그 10개, 디지탈 5개,BGM 한개 중에서 선택하실 수 있습니다. 

 

(BGM 위젯은 스킨을 더 추가해서 배포하겠습니다)

 

 

 이미지를 클릭하시면 원본크기로 보실수 있습니다.

(사진을 클릭하면 크게 볼 수 있습니다)



 8. 위에서 생성한 코드를 레이아웃 관리창 메인하단의 코드편집창에 넣어야 하는데..

 

 넣을 곳의 위치를 잘 찾아서 넣어야 합니다. 키보드로 ctrl키와 F 키를 동시에 눌러서 검색창을 띄우고

 

<!-- 컨텐츠 시작 -->  이라는 글자를 찾습니다.. 그 컨텐츠시작이라는 글자 바로 위 3째칸 위치에

 

아래와 같이 조금 전에 생성한 그 코드를 붙여넣습니다.  아래는 예제

 

 

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

 

                <!--@end--><!--@end-->
   </ol>
            <
!--@end-->

 


<img width="100%" height="100" src="http://necast.dnip.net/xe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="music24_kr_clock" body="" skin="analog3" colorset="normal" widget_cache="0" clock_width="160" clock_height="160" widget_sequence="140" />

 

 

  </div>
  <div id="columnRight">
            <!-- 컨텐츠 시작 -->

 

 

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

 (사진을 클릭하면 크게 볼 수 있습니다)

 

 

아래 그림은 시계를 4개 붙여넣은 예제입니다..

 

 

 (사진을 클릭하면 크게 볼 수 있습니다)이미지를 클릭하시면 원본크기로 보실수 있습니다.

(사진을 클릭하면 크게 볼 수 있습니다)

 

 

9. 코드를 붙여 넣었으면 저장버튼을 누릅니다..

 

  그러면 아래그림과 같이 제로보드 페이지 좌측메뉴에 아날로그 시계가 생겨난 것을 볼 수 있습니다

 

 

 

 

 이미지를 클릭하시면 원본크기로 보실수 있습니다.

 

 

 

 

 

 

 10. 수고하셨습니다. 짝짝짝.. ^^*  좋은 하루 되세요..

 

 

                                                              

 

 

p/s .위 설명글이나 위젯은 자유롭게 스크랩,사용,배포하셔도 됩니다.


주의사항: 디지털시계인 경우는 동시에 여러개를 설치하시면 스크립트간에 충돌이 나서
관리창에도 접속이 않될 수 있사오니 디지털시계는 1개나 2개 이하로만 설치하세요


음악BGM 스킨도 하나 넣었는데요 그건 페이지 이동시 중복재생되는 문제가 있습니다. 제로보드가 원프레임 인줄 알았는데
이상하게 BGM 스킨을 넣으면 페이지 이동시마다 BGM 이 한개씩 추가로 더 재생이 됩니다.. 
좋은 해결책 아시는 분 계시면 (rksk707@hotmail.com )으로 연락주십시오.. BGM 스킨을 10여개 넣어서 위젯을 만들어보려는데
중복재생이 문제네요..


         자세한 설명은 http://music24.kr  에 해두겠습니다. 

          적용된 모습보기는->  http://necast.dnip.net/xe/


          문의사항은  rksk707@hotmail.com

 

 

         첨부파일: music24_kr_clock.zip

 

 

 




        유용하다고 생각하시면 이 글 오른쪽 바로 아래에 " 이 게시물을.." 이라는 글을 클릭하셔서 추천 한번 부탁합니다.




 

제목 글쓴이 날짜
xe 설치시 다음과 같은 오류가 생깁니다. Seung Hur 2009.04.02
위지윅 테이블 컴포넌트 (테이블 수정 기능) [3] file 개돌 2009.04.03
게시판형태를 달력게시판으로 못하나요? [1] file 오늘하루는느느느 2009.04.09
해당 Cafe 회원에 가입후 Cafe 회원목록에 나타나지 않음...... 뉴욕에서 2009.04.16
XpressEngine 1.2.1 r6096 트리거 목록 [2] [1] mooo 2009.04.14
각 메뉴 옆에 게시물 갯수 표시하기 [6] coolsushi 2007.08.20
미지원 언어 추가하기(기존에꺼 하나 골라서 수정하는 방식으로) 만쓰별(정만) 2009.01.23
4차 서브메뉴 사용하기!! [4] [1] file 럭키587 2007.08.17
zbXE 1.0.6 일본어 팩 입니다~ [8] file 쿠로쿠마 2008.10.16
플래시 BGM 음악 제로보드에 넣는 방법 file 푸른커튼 2008.10.29
Mysql 4.0 버전에서 xe 설치해서 사용하기 [3] amamamam.myid.net 2007.08.14
다음카페에 끊김없이 음악나오게 하기 푸른커튼 2008.09.07
음악넣는 BGM코드 70종류 입니다 [1] 푸른커튼 2008.08.26
위지웍 에디터 웹폰트 사용하기 [6] 최지연 2007.08.18
최신이미지 추출시 사진 아래 내용들 중간 정돈 방법 [4] file 팔공산 2007.08.23
웹용 색상코드표 기타 푸른커튼 2008.06.03
페이지 수정시 메뉴들 가지런히 놓이게 하기 [3] 팔공산 2007.08.21
아날로그 플래시 시계 10종류 (홈페이지, 블로그용) file 푸른커튼 2008.02.10
Exobud BGM 음악플레이어 15 종류입니다. 푸른커튼 2008.02.24
제로보드용 플래시시계 위젯 설치방법 file 푸른커튼 2008.02.13