XE Tip&Tech

회원에게 공개되는 공간입니다. 올려진 팁이나 자료가 절대적으로 옳은 방법은 아닙니다. 다양한 방법중 하나의 방법임을 이해해 주시기 바라며, 보다 나은 방법이 있거나 궁금한 사항이 있으시면 댓글로 참여해 주시면 감사하겠습니다.

글 수 219

잡다한몽상백서 위젯스킨 공개

조회 수 1578 추천 수 2 2007.09.20 17:02:30
[레벨:30]똑띠 *.53.232.39
총 다운받아야 할 파일이 3개입니다.
jdh_thumbnail.zip

newest_documnet.class.php

info.xml




main_widgets.gif
첨부파일중  jdh_thumbnail.zip 파일을 다운 받아 업로드 하세요.
업로드 위치 :  zbxe/widgets/newest_document/skins

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
             
thumbnail.gif

4. 이미지 업로드 위치... (서버에 직접 이미지를 업로드 해주셔야 합니다.)
img_upload.gif



위 이미지에서 보실 수 있듯이 , 저같은 경우 서버에 별도의 images라는 폴더를 만들고 이미지를 업로드 해 주었습니다.
경로부분이나 소스에 대한 이해를 하시는 분은 자신의 환경에 맞게 변경해서 사용하시고, 그렇지 않으신분들은 따라하셔도 무방합니다.

아래 이미지는 제가 사용한 이미지를 샘플로 직접 올린것입니다. 참고해서 여러분의 이미지도 만드시길..

zbxetiptech.gif (상단이미지)

 zbxetiptech.gif

zbxetiptech_img (이 이미지는 투명이미지로 처리되어 있습니다. 보이는게 전부가 아님..^^)

zbxetiptech_img.gif

bbox_bottom.gif (하단 이미지)

bbox_bottom.gif

bbox_middle.gif (백그라운드로 들어간 이미지)

bbox_middle.gif



그럼 이쁘게 홈피 꾸미시길...

이 게시물을...
첨부
엮인글 :
http://jobdahan.net/229512/dfc/trackback
목록

댓글 '25'

[레벨:4]낙엽타는향기

2007.09.20 17:10:06
*.4.41.185

아싸~!  최곱니다!! ㅋㅋ
감사히 잘 쓰겠습니다.

[레벨:1]VoLcoM

2007.09.20 19:37:51
*.53.62.170

감사합니다^^

[레벨:1]경천애인

2007.09.20 20:41:30
*.109.248.109

 와~~
 멋지군요~

감사히 사용하겠습니다^^

[레벨:3]mustang

2007.09.20 21:22:29
*.97.170.170

똑띠님 수고많으십니다 저도 조금있다 감사히 잘 쓰겟습니다^*^

[레벨:0]아우리

2007.09.21 10:37:00
*.111.251.52

음..위에 설명대로 스킨이랑 이미지업로드하고 코드도 이미지경로대로 수정하고 몇번이나 확인 검토했는데도 페이지에 적용해서 확인해보면 똑띠님이 만드신 스킨이 나오지않고 default스킨이 나오네요 분명선택은 jdh_thumbnail 이걸로했는데 말이죠 ;; 
다른 최근글스킨은 이상없이 적용되는데 뭐가잘못된거지요 ㅜㅜ? 

[레벨:30]똑띠

2007.09.21 10:39:00
*.53.232.39

제가 배포하면서 뭔가 실수 했을수도 있으니....아우리님 계정정보 한번 주시기 바랍니다.
제가들어가서 확인한번 해볼께요. (ftp접속 정보와 , 온라인 관리자 정보)

[레벨:0]아우리

2007.09.21 10:52:50
*.111.251.52

쪽지드렸어요 ~확인해보시구 쪽지주세여 (__)

[레벨:30]똑띠

2007.09.21 11:50:35
*.53.232.39

제가 실수했네요...파일을 빠트리고 올렸습니다.

아우리님..홈피에서는 제가 테스트 해보았거든요. 잘됩니다.

파일 빠트려서 다시한번 죄송해요..ㅠ.ㅠ

[레벨:0]아우리

2007.09.21 11:56:28
*.111.251.52

아니에요~일케 해결해주셔서 감사합니다(__) 

[레벨:2]번개공룡

2007.09.21 11:57:36
*.246.187.135

똑띠님 이제 제대로 되는군요
스킨 정말 감사합니다.

[레벨:2]번개공룡

2007.09.21 11:58:49
*.246.187.135

똑띠님 그럼 각각의 게시판에 그림은 스킨을 변경해서 해야하나요?

[레벨:30]똑띠

2007.09.21 12:00:40
*.53.232.39

글쵸..각각 최근게시물 스킨에 맞게 디자인해서 사용하셔야 합니다. ^^

제 홈피 메인에서도 보시면 디자인이 다 틀리잖아요..제각각 만들어서 올린겁니다.

[레벨:0]태자

2007.09.21 11:58:53
*.104.120.31

"newest_document.class.php" 화일을 업로드하니 제대로 보여지네요.

감사히 잘쓰겠습니다.

[레벨:30]똑띠

2007.09.21 12:01:11
*.53.232.39

삽질하게 만든거 죄송해요..^^ 그래도 제대로 나온다니 다행이네요.

[레벨:0]윤군

2007.09.21 17:33:54
*.224.72.65

와~ 이것까지 배포해 주시다니 정말 감사합니다.
정말 꼭 필요한 위젯인데..
감사^^

[레벨:1]아짐

2007.09.22 16:00:29
*.245.129.165

똑띠님 드뎌 배포하시는 군요..emoticon

감사합니다...^^

[레벨:0]배용준

2007.10.01 05:45:49
*.172.34.246

소스를 적용시켰더니 테두리 박스의 좌우측 선이 나타나질 않습니다.
어쩔때는 좌측선은 보이는데 우측선이 안보이고 하는데 어느 부분을 손봐야 하는지 감이 안오는군요.
또, 메인 최근글 보여주는 부분에서 글작성자와 날짜를 빼고 글 제목만 보이게 할려고 하는데
어떻게 해야 하는지 알려 주세요...^^

[레벨:0]달마

2007.10.13 17:13:52
*.248.152.146

이미지의 크기를 확인해 보세요.
똑띠님의 홈은 이미지 크기가 좀더 크더군요.
폭을 490픽셀로 좀 조정하시면 나타날겁니다.

[레벨:0]JCSuper★

2007.10.05 22:56:38
*.248.124.253

와우 똑띠님 감사드립니다.
다운 받아서 꼭 필요한로 이미지로 잘 만들어 사용하겠습니다.~ 감사해요~

[레벨:0]달마

2007.10.13 17:15:52
*.248.152.146

똑띠님...
항상 자료 잘 쓰고 있습니다.
그런데, 투명이미지로 처리된 이미지가 나타나지 않는 이유는 무엇일까요?
설정은
<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">
와 같습니다.

그리고, 너무 허접한 질문 같지만, 여기서 수정한 내용은 어느 파일에 저장되는가요?
레이아웃 수정처럼 원본파일 수정이 필요한지 알고 싶습니다.
즐거운 주말 되세요.^^

[레벨:30]똑띠

2007.10.15 11:19:17
*.53.232.39

이미지는 서버에 직접 올려 주셔야 합니다. 즉 수동이죠^^  그리고 위젯소스는 레이아웃에 적용시켜서 사용하는것이니 수정파일이 따로 존재하는건 아니구요.
제가 제공해 드리는 위젯은 단순히 이미지 경로를 어디로 잡을것인지 지정해 주는것입니다.
그러니 이미지는 서버에 직접 올려 놓으셔야 겠지요.

[레벨:0]ECDW

2007.11.26 23:30:15
*.251.228.57

또, 똑띠님의 신세를 지는군요..
이번에도 감사히 잘 쓰도록 하겠습니다^^(--)(__)

[레벨:30]똑띠

2007.11.26 23:37:27
*.53.232.39

예전버전이라.......그나마 최신버전은 http://jobdahan.net/jdh5/346141 에서 다운받아 사용해 보시기 바랍니다.
이버전도 수정할게 조금 있는데..그래도 제가 올린 가장 최신버전이라...

이미지위젯은 http://jobdahan.net/jdh5/366443 이걸 사용하시구요.

[레벨:1]andy

2007.12.23 17:35:37
*.219.213.117

정말 이쁜데... 그림의 떡이네요...

뭘 할줄 알아야 적용해보던 뭐하던 하죠..ㅜ.ㅜ

그저 부러울뿐입니다.

[레벨:0]고수복사

2008.03.25 22:35:00
*.37.15.245

...저도 이스킨을 받아서 셋팅하고 있지만.....한마디로 우려라고 해야할까....아니면 기대를 해야할까...생각되지만...혹,

여기저기 사이트를 돌아다녔는데....모두 , 다 , 이 스킨을 사용하면 어떨까...바보같은 생각해 봅니다......ㅡ.ㅡ;;;;;;;;

수고하세요...
문서 첨부 제한 : 0Byte/ 5368709120.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
39 zbxe에서 상단 플래시 메뉴 사용하려면 알아야 할것.. [1] [레벨:30]똑띠 2007-10-13 781
38 홈페이지 주소 깔끔하게 사용하기 imagefile [2] [레벨:30]똑띠 2007-10-13 972
37 잡다한몽상백서 메인 최신글 위젯 스킨 공개(0.1.9버전호환) file [3] [레벨:30]똑띠 2007-10-11 717
36 회원가입시 "그룹번호를 입력해 주세요" 라는 창이 뜰때... [레벨:30]똑띠 2007-10-06 517
35 하단메뉴도 상단메뉴처럼 출력 개수를 조정하자. [3] [레벨:30]똑띠 2007-10-05 617
34 상단여백 100% 해결법 [1] [레벨:0]천사랑 2007-10-03 737
33 page에서 권한이 없습니다 부분 [레벨:30]똑띠 2007-10-03 516
32 레이아웃2 사용시 게시판이짤릴때 [1] [레벨:1]스톤에이지 2007-10-02 602
31 확장변수 권한에따라 보여주기.. [레벨:30]똑띠 2007-10-02 513
30 상단 회원가입시 해당페이지에서 처리하기 [레벨:30]똑띠 2007-09-29 680
29 [작성자:simulz] (보드 모듈) 글 목록에 New 등, 각종 옵션 사용하기 image [레벨:30]똑띠 2007-09-27 523
28 현재 로그인 위젯 특정아이디 출력제한 [4] [레벨:30]똑띠 2007-09-26 577
27 권한이 없습니다 이부분 페이지를 꾸밀려면..? [1] [레벨:30]똑띠 2007-09-22 739
26 템플릿 레이아웃 좌측 정렬 하려면... [1] [레벨:30]똑띠 2007-09-20 642
» 잡다한몽상백서 위젯스킨 공개 imagefile [25] [레벨:30]똑띠 2007-09-20 1578
24 [똑띠메모용] 모듈제작에 대한 메모 [2] [레벨:30]똑띠 2007-09-18 675
23 zbxe 레이아웃템플릿에 플래시 삽입하기 movie [3] [레벨:30]똑띠 2007-09-17 1030
22 최근게시물 정렬 방법 다양하게 적용하기... [레벨:30]똑띠 2007-09-13 713
21 [완료] zb5->zbxe 마이그레이션 순서 imagefile [7] [레벨:30]똑띠 2007-09-13 856
20 상단 서브메뉴 출력하기 팁 [5] [레벨:30]똑띠 2007-09-07 1270
목록
쓰기

경영/마케팅

창업센터

홈페이지제작

그래픽강좌

템플릿

프로그램/서버

커뮤니티