웹마스터 팁

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


첨부파일: 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

 

 

 




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




 

제목 글쓴이 날짜
각 OS별 브라우저별 자신의 웹사이트 보기??? [12] 세바스챤_™ 2008.01.31
리눅스 호환 호스팅에서 zbxe 전체 업로드 후 디렉토리 이동시키기... [4] 소마세월 2008.02.02
포인트 수정없이 원하는 레벨 아이콘이나 원하는 이미지 출력하기(0.29용) [20] 지연아빠 2008.02.02
flash <=> xe menu 연동 [7] tsana 2008.02.03
특정 게시판, 업로드된 그림 자동으로 본문에 출력하기 [14] file 대암지기 2008.02.03
본인외 회원정보 제어 [1] edgarkim 2008.02.03
BGM 등을 배경을 투명하게 iframe 으로 넣는 팁 [3] 푸른커튼 2008.02.05
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기 [15] file plruto 2008.02.07
주소끝에 /zbxe 안적어도 홈페이지에 바로 들어오게 하는법?? [10] 박태훈922 2008.02.07
HTTP 406 Error 가 나오면서 업로드 안될때 [16] file plruto 2008.02.08
아날로그 플래시 시계 10종류 (홈페이지, 블로그용) file 푸른커튼 2008.02.09
이미지 줌 아웃슬라이드 [4] 맨발 2008.02.10
로그인후 보여줄 페이지 설정 [4] 권인해 2008.02.11
회원가입 생일 필수로 입력받고, 관리자페이지 회원목록에 회원생일 출력하기 [10] 대암지기 2008.02.11
제로보드용 플래시시계 위젯 설치방법 file 푸른커튼 2008.02.12
드림위버 등에서 레이아웃 편집시에.. [3] 은진아빠 2008.02.12
특정게시판, 비밀글로 작성하기 [19] file 대암지기 2008.02.13
전에 누군가 찾았던 것인데..새로고침시 현재페이지로 [2] 강영곤 2008.02.14
zbXE User Guide - 3차수정 [3] file 캬캬캬캬캬캬 2008.02.16
[전면수정]회원가입시 기본 정보공개 여부 체크하기(2) 스킨부분 대암지기 2008.02.17