XE강좌 
Tip/Tech 회원에게 공개되는 공간입니다. 올려진 팁이나 자료가 절대적으로 옳은 방법은 아닙니다. 다양한 방법중 하나의 방법임을 이해해 주시기 바라며, 보다 나은 방법이 있거나 궁금한 사항이 있으시면 댓글로 참여해 주시면 감사하겠습니다.
글 수 221
![[레벨:30]](http://jobdahan.net/modules/point/icons/default/30.gif "포인트:186203point, 레벨:30/30"){kind=icon}
똑띠총 다운받아야 할 파일이 3개입니다.
jdh_thumbnail.zip
newest_documnet.class.php
info.xml
jdh_thumbnail.zip
newest_documnet.class.php
info.xml
첨부파일중 jdh_thumbnail.zip 파일을 다운 받아 업로드 하세요.
업로드 위치 : zbxe/widgets/newest_document/skins
newest_documnet.class.php 파일 업로드 위치
zbxe/widgets/newest_document (기존꺼에 덮어쓰기)
info.xml 파일 업로드 위치
zbxe/widgets/newest_document/conf (기존꺼에 덮어쓰기)
newest_documnet.class.php 파일 업로드 위치
zbxe/widgets/newest_document (기존꺼에 덮어쓰기)
info.xml 파일 업로드 위치
zbxe/widgets/newest_document/conf (기존꺼에 덮어쓰기)
본문에서 위와 같은 위젯스킨을 보셨을겁니다.
많은 분들이 요청을 하셔서 공개 한다고 해 놓고 소스 정리가 안되서 공개를 안하고 있었는데....
소스 정리 안되도 공개 해 달라고 하셔서.^^ 공개합니다.
우선 이 위젯스킨을 사용하기 위해선 개념이해와 약간의 노력(?)이 필요합니다.
1. 위젯스킨의 원리
지금 배포하는 위젯스킨은 간단히 최근게시물 상단에 들어갈 이미지 지정, 배경에 들어갈 이미지 지정, 하단에 들어갈 이미지 지정으로 이루어 집니다. 당연히 해당 이미지를 준비하셔야 하고 서버에 업로드 하신다음에 사용하셔야 겠지요.
2. 위젯코드를 메인에 추가해서 사용할때
(아래 위젯코드는 제 홈의 경우입니다. 회원님 홈의 상황에 맞게 변경해서 사용하세요.)
<img title="zbxe-Tip&Tech" width="100%" height="100" src="http://jobdahan.net/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" skin="jdh_thumbnail" colorset="normal" widget_cache="0" order_target="list_order" order_type="desc" list_count="5" mid_list="zbxe_tip_tech" subject_cut_size="25" design_top="./images/zbxetiptech.gif" design_middle="./images/bbox_middle.gif" design_bottom="./images/bbox_bottom.gif" design_img="./images/zbxetiptech_img.gif" widget_sequence="54836" widget_margin_top="10" widget_margin_bottom="15"/>
이와 같은 형태로 추가됩니다.
붉은 부분이 해당 위젯스킨에서 상단,중앙,하단 이미지 처리와, 꾸밈이미지 처리를 말하는 것입니다.
꾸밈이미지란 앞쪽에 나오는 썸네일 이미지 같은거 보이지죠? 그겁니다.
3. 위젯소스 업로드 위치 : /zbxe/widgets/newest_document/skins
4. 이미지 업로드 위치... (서버에 직접 이미지를 업로드 해주셔야 합니다.)
위 이미지에서 보실 수 있듯이 , 저같은 경우 서버에 별도의 images라는 폴더를 만들고 이미지를 업로드 해 주었습니다.
경로부분이나 소스에 대한 이해를 하시는 분은 자신의 환경에 맞게 변경해서 사용하시고, 그렇지 않으신분들은 따라하셔도 무방합니다.
경로부분이나 소스에 대한 이해를 하시는 분은 자신의 환경에 맞게 변경해서 사용하시고, 그렇지 않으신분들은 따라하셔도 무방합니다.
아래 이미지는 제가 사용한 이미지를 샘플로 직접 올린것입니다. 참고해서 여러분의 이미지도 만드시길..
zbxetiptech.gif (상단이미지)
zbxetiptech_img (이 이미지는 투명이미지로 처리되어 있습니다. 보이는게 전부가 아님..^^)
bbox_bottom.gif (하단 이미지)
bbox_middle.gif (백그라운드로 들어간 이미지)
그럼 이쁘게 홈피 꾸미시길...
-
- main_widgets.gif [File Size:26.6KB/Download:123]
- thumbnail.gif [File Size:39.7KB/Download:107]
- img_upload.gif [File Size:41.9KB/Download:101]
- bbox_middle.gif [File Size:149Byte/Download:177]
- zbxetiptech.gif [File Size:1.0KB/Download:178]
- zbxetiptech_img.gif [File Size:3.1KB/Download:176]
- bbox_bottom.gif [File Size:155Byte/Download:164]
- jdh_thumbnail.zip [File Size:5.6KB/Download:256]
- info.xml [File Size:10.0KB/Download:256]
- newest_document.class.php [File Size:4.4KB/Download:262]
댓글 '25'
![[레벨:5]](http://jobdahan.net/modules/point/icons/default/5.gif "포인트:2410point (16%), 레벨:5/30"){kind=icon}
낙엽타는향기![[레벨:1]](http://jobdahan.net/modules/point/icons/default/1.gif "포인트:255point (61%), 레벨:1/30"){kind=icon}
VoLcoM![[레벨:3]](http://jobdahan.net/modules/point/icons/default/3.gif "포인트:940point (20%), 레벨:3/30"){kind=icon}
mustang![[레벨:0]](http://jobdahan.net/modules/point/icons/default/0.gif "포인트:50point (55%), 레벨:0/30"){kind=icon}
아우리![[레벨:2]](http://jobdahan.net/modules/point/icons/default/2.gif "포인트:480point (26%), 레벨:2/30"){kind=icon}
번개공룡
똑띠님...
항상 자료 잘 쓰고 있습니다.
그런데, 투명이미지로 처리된 이미지가 나타나지 않는 이유는 무엇일까요?
설정은
<IMG class=zbxe_widget_output title="" style="CLEAR: both" height=100 src="http://125.247.227.2:8080/~dol9/common/tpl/images/widget_bg.jpg" width="100%" design_top="./images/newest.gif" design_img="./images/newest-img.gif" design_middle="./images/b_middle.gif" design_bottom="./images/b_bottom.gif" widget_margin_bottom="10" widget_margin_top="10" subject_cut_size="20" mid_list="free,gongji,guest,jangso,moim,money" list_count="5" order_type="desc" order_target="list_order" widget_cache="0" colorset="normal" skin="jdh_thumbnail" widget_sequence="503" widget="newest_document" widget_position="" widget_width_type="%" widget_width="50" widget_fix_width="" widget_margin_right="0" widget_margin_left="0" body="" duration_new="24">
와 같습니다.
그리고, 너무 허접한 질문 같지만, 여기서 수정한 내용은 어느 파일에 저장되는가요?
레이아웃 수정처럼 원본파일 수정이 필요한지 알고 싶습니다.
즐거운 주말 되세요.^^
항상 자료 잘 쓰고 있습니다.
그런데, 투명이미지로 처리된 이미지가 나타나지 않는 이유는 무엇일까요?
설정은
<IMG class=zbxe_widget_output title="" style="CLEAR: both" height=100 src="http://125.247.227.2:8080/~dol9/common/tpl/images/widget_bg.jpg" width="100%" design_top="./images/newest.gif" design_img="./images/newest-img.gif" design_middle="./images/b_middle.gif" design_bottom="./images/b_bottom.gif" widget_margin_bottom="10" widget_margin_top="10" subject_cut_size="20" mid_list="free,gongji,guest,jangso,moim,money" list_count="5" order_type="desc" order_target="list_order" widget_cache="0" colorset="normal" skin="jdh_thumbnail" widget_sequence="503" widget="newest_document" widget_position="" widget_width_type="%" widget_width="50" widget_fix_width="" widget_margin_right="0" widget_margin_left="0" body="" duration_new="24">
와 같습니다.
그리고, 너무 허접한 질문 같지만, 여기서 수정한 내용은 어느 파일에 저장되는가요?
레이아웃 수정처럼 원본파일 수정이 필요한지 알고 싶습니다.
즐거운 주말 되세요.^^
예전버전이라.......그나마 최신버전은 http://jobdahan.net/jdh5/346141 에서 다운받아 사용해 보시기 바랍니다.
이버전도 수정할게 조금 있는데..그래도 제가 올린 가장 최신버전이라...
이미지위젯은 http://jobdahan.net/jdh5/366443 이걸 사용하시구요.
이버전도 수정할게 조금 있는데..그래도 제가 올린 가장 최신버전이라...
이미지위젯은 http://jobdahan.net/jdh5/366443 이걸 사용하시구요.
아싸~! 최곱니다!! ㅋㅋ
감사히 잘 쓰겠습니다.