웹마스터 팁

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


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

 

 

 




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




 

제목 글쓴이 날짜
최신이미지 추출시 사진 아래 내용들 중간 정돈 방법 [4] file 팔공산 2007.08.23
웹용 색상코드표 기타 푸른커튼 2008.06.03
페이지 수정시 메뉴들 가지런히 놓이게 하기 [3] 팔공산 2007.08.21
아날로그 플래시 시계 10종류 (홈페이지, 블로그용) file 푸른커튼 2008.02.09
Exobud BGM 음악플레이어 15 종류입니다. 푸른커튼 2008.02.24
제로보드용 플래시시계 위젯 설치방법 file 푸른커튼 2008.02.12
설치 후 로그인 불가능 문제 해결방법 [14] 엘핀라즈 2007.08.14
홈페이지에 간단하게 뮤직플레이어와 악세사리 설치하기 file 푸른커튼 2008.01.12
음악플레이어를 달고싶으세요? [13] 부찬™ 2007.08.16
게시판 정렬순서 오름차순 내림차순 옵션 만들기 [1] 지허 2007.10.29
SVN 자료 바로바로 업데이트 해보자. [3] DroArc 2007.08.13
게시판에 나타나는 이름을 실명으로 나타내자! [5] 박영주964 2007.08.19
zbxe 일주일 사용기 및 팁 [1] 팔공산 2007.08.21
404 페이지 못찾음으로 나오는 문제 수정 [9] 화니군 2007.08.18
zbXE게시판 상단 내용처럼 꾸미기... [12] 이승수961 2007.08.15
공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등) [21] ZK™ 2007.08.15
한글 경로가 404 에러로 뜨는 경우 처리방법 [2] 베니 2007.08.18
로고 만들기 귀찮을떄 [2] 정지훈308 2007.08.14
포트 변경 후 XE 사용이 안 되면 류현留賢 2007.08.14