웹마스터 팁

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


첨부파일: 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이전 작업순서 elancer 2019.03.28
1.11.3 업로드 패치 이후 업로드 오류 관련 우소푸 2019.04.21
로그인 실패시 실패내역 쪽지와 메일 발송 되는걸 발송 안 되게 하려면.. sejin7940 2019.05.21
스케치북5 게시판 사용자정의에 색상 적용하기 file 아데나 2019.05.31
관리자페이지의 회원목록에서 타회원들의 비밀번호 찾기 질문/답변 수정 가능하도록 하려면.. sejin7940 2019.07.03
VSCODE에서 PRETTIER-PHP 사용하기 (중급자용) reactux 2019.07.29
관리자 아이디/비번을 잃어버렸을때, 관리자페이지 접속을 못할 때 TIP [1] file 플레이웹 2019.08.13
회원가입품 연락처항목 공백잇을시 질문입니다. 해운거사2 2019.08.16
xe 기본회원가입품 연락처항목 공백&숫자 유효성검사 질문입니다. 해운거사2 2019.08.25
코드 이미지 생성해주는 사이트 [2] file reactux 2019.10.06
대부분 쉬운설치로 인해 홈페이지 빈 페이지가 뜨는 에러는.. CJM 2019.10.24
ZB게시판에 구글광고 달수 없나요? [2] 손주사랑 2019.11.23
AI 개발에 적합한 5가지 프로그래밍 언어 ppumweb 2020.01.06
커뮤니션 쪽지 보내기 기능을 모바일 에서 실행시 로그인 풀림 현상 인천한량 2020.04.14
XE를 다른디렉토리에 설치후 리다이렉트하기 디자인플렉스 2020.04.24
content 위젯에서 태그로 글 뽑기 날아올라 2021.02.07
XE 1.4에서 HTML5 에디터 사용하기 (Flash 없는) [3] file Toby 2021.02.24
불법광고 댓글 greentown 2021.05.18
검색엔진 네이버 사이트 순위 SEO 검색엔진 최적화 작업해도 안 올라간다면.. [1] file CJM 2022.05.16