웹마스터 팁

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


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

 

 

 




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




 

제목 글쓴이 날짜
좌측 로그인 회원 리스트가 많아지면 스크롤 처리 [6] file 똑디 2008.01.29
본인외 회원정보 제어 [1] edgarkim 2008.02.03
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기 [15] file plruto 2008.02.07
로그인후 보여줄 페이지 설정 [4] 권인해 2008.02.11
제로보드용 플래시시계 위젯 설치방법 file 푸른커튼 2008.02.12
글을 읽을때 마다 조회수 증가시키기 (0.2.9수정#3) [1] SKYMARU 2008.02.20
우분투에서 rewrite 모드 사용하기 [2] 용꿍 2008.03.06
로그인 풀림현상 원인 파악 [3] 남국 2008.03.19
''권한이 없습니다'' 라는 문구를 조금 더 부드럽게 바꾸기 [3] file RainSky 2008.03.21
로그인풀림방지 - 자동 www 붙이는 다른 방법 [23] RainSky 2008.03.28
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨) [21] file 갯가 2008.04.08
글을 읽을때 마다 조회수가 증가 하는 팁 (1.0.0↑) [5] SKYMARU 2008.04.12
회원 가입 임시 제한 일자 버그 수정 방법 [2] file 껄껄껄 2008.04.13
상단로그인..? [10] 빽짱구 2008.04.15
관리자 로그인시 원하는걸 보여주자 [5] 빽짱구 2008.04.15
수정,삭제 버튼을 "이 게시물을.."에 넣기 [1] hangoon 2008.04.16
졸졸이 스토커 가두어보기 2탄(보드우측에 포함된 것처럼) [1] file 갯가 2008.04.26
링크가 걸린 글의 색을 무지개색으로 나타내기 재미니님 2008.04.29
windows Live writer로 게시글 쓰기 [3] file tindrum 2008.04.29
주문형게시판 만들기 [22] file 팔공산 2008.05.04