웹마스터 팁
제로보드용 플래시시계 위젯 설치방법
2008.02.12 18:43
위젯프로그램 게시판에 올려두긴 했는데 위젯 사용법을 모르는 초보분들을 위해 활용팁으로서 올립니다.
첨부파일: 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
유용하다고 생각하시면 이 글 오른쪽 바로 아래에 " 이 게시물을.." 이라는 글을 클릭하셔서 추천 한번 부탁합니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
XE이전 작업순서 | elancer | 2019.03.28 |
1.11.3 업로드 패치 이후 업로드 오류 관련 | 우소푸 | 2019.04.21 |
로그인 실패시 실패내역 쪽지와 메일 발송 되는걸 발송 안 되게 하려면.. | sejin7940 | 2019.05.21 |
스케치북5 게시판 사용자정의에 색상 적용하기 | 아데나 | 2019.05.31 |
관리자페이지의 회원목록에서 타회원들의 비밀번호 찾기 질문/답변 수정 가능하도록 하려면.. | sejin7940 | 2019.07.03 |
VSCODE에서 PRETTIER-PHP 사용하기 (중급자용) | reactux | 2019.07.29 |
관리자 아이디/비번을 잃어버렸을때, 관리자페이지 접속을 못할 때 TIP [1] | 플레이웹 | 2019.08.13 |
회원가입품 연락처항목 공백잇을시 질문입니다. | 해운거사2 | 2019.08.16 |
xe 기본회원가입품 연락처항목 공백&숫자 유효성검사 질문입니다. | 해운거사2 | 2019.08.25 |
코드 이미지 생성해주는 사이트 [2] | 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] | Toby | 2021.02.24 |
불법광고 댓글 | greentown | 2021.05.18 |
검색엔진 네이버 사이트 순위 SEO 검색엔진 최적화 작업해도 안 올라간다면.. [1] | CJM | 2022.05.16 |