잡다한5차관련 게시판입니다.

잡다한5차 좌측/본문 psd

똑띠 — Mon, 12 Oct 2009 17:06:12 +0900

좌측, 본문 PSD 입니다.

font는 알맞게 변경해서 사용하세요.

잡다한 5차 상단 PSD

똑띠 — Mon, 12 Oct 2009 17:02:51 +0900

잡다한5차에 사용된 상단 포토샵 PSD 파일을 업로드 해드립니다.

[배포] 잡다한5차 1.0.5버전 배포

똑띠 — Mon, 25 Aug 2008 15:39:58 +0900

widgets.tar파일을 압축을 푸시면 newest_imges라고 되어 있는부분을

newest_images로 고쳐서 사용하세요.

오타났네요. ^^

-------------------

두번째 실수네요.
위젯파일을 압축을 풀어서 확인해보니 최근게시물과 최근이미지위젯이 정상적으로 업로드가 안된상황이었더군요.

헤메셨던분들 죄송합니다.

전체 위젯폴더를 압축해서 올렸으니 골라 사용하세요.

1. 자료다운로드

가. [다운로드] jdh_5M.tar   : 메인용 레이아웃 입니다.
나. [다운로드]  jdh_5S.tar    : 서브용 레이아웃 입니다.
다. [다운로드] widgets.tar    : 위젯폴더 전체를 압축해서 올립니다. 골라서 사용하세요.
                                                   1.05버전 기준입니다.

라. [다운로드] images.tar     : 템플릿에 사용된 이미지들

tar 파일은 http://jobdahan.net/?document_srl=989212#0 에서 별도의 압축푸는 프로그램을 이용해서 푸시면 됩니다.

2. 자료사용범위

가. 상업적/비상업적 (개인,단체,기업) 사용에 제한이 없습니다.
나. 배너나 카피라이트 기재 하실 필요없습니다. (기분좋으시면 제 사이트 링크나 하나 걸어주심되고..^^)
다. 수정 재배포는 불가합니다.

3. 레이아웃 사용방법

http://jobdahan.net/?document_srl=982553#11 에 올려진 잡다한 2차 사용법과 동일합니다.

잡다한2차 사용법을 참고하셔서 사용하시면 되겠습니다.

잡다한 5차 심플버전

똑띠 — Sun, 27 Apr 2008 23:18:03 +0900

여러스킨을 선택해서 사용할 수 있도록 이전에 배포를 했었는데 ..그렇게 하다보니 수정시간도 많이 걸리고 업데이트도 자주 하지 않게되어서 앞으로는 되도록이면 기본형을 배포하는 형태로 진행을 할려고 합니다.

기본형에서 자기가 원하는 컬러부분만 바꿔서 업데이트 시키면 원하는 컬러스타일을 사용할 수 있으니 크게 문제 되지 않을거라 생각이 드는군요.

현재 배포하는 소스는

http://jobdahan.net/jdh_5home : 메인
http://jobdahan.net/?mid=jdh_5board1 : 서브

이런식으로 나옵니다.

현재 보이는 화면소스를 그대로 압축해서 올리는 것이니 정상적으로 작동할것이라고 생각합니다.

위젯과 이미지 폴더는

http://jobdahan.net/?mid=jdh2&document_srl=672645 에 있는것을 받아 사용하시면 됩니다.

2차버전 배포하면서 컬러셋 디폴트를 수정을 제대로 안봐서 올려 혼동을 초래했었는데
이번에 디폴트 컬러셋과 오렌지 컬러셋을 동일하게 처리해서 올렸으니 역시 큰 문제 없이 작동할것(?)이라고 생각은 합니다.

압축을 푸시면 메인 레이아웃과 서브레이아웃이 있으니 레이아웃폴더에 업로드 하시고 사용하시면 되겠습니다.

역시 수정 재 배포 할 수 없으며, 상업적, 비상업적 사용이 가능합니다.

저작권 표시같은거 없어도 됩니다.

잡다한5차 이용시 로그인 부분 문제..

똑띠 — Wed, 05 Dec 2007 10:00:41 +0900

잡다한 2차를 정리하면서 해당 위젯도 잡다한 5차에 함께 수정해서 배포하다 보니 약간의 문제가 발생하고 있었네요.

/zbxe/widgets/login_info/skins/jdh_login/login_form.html 파일과

/zbxe/widgets/login_info/skins/jdh_login/login_info.html 파일에서 아래부분을 수정해 주세요.



    

    

    

    

    

    

    

    

붉은색 부분을 고쳐주세요. 기존소스에서 위 소스처럼 white.css 로 고치시면 정상적으로 나올겁니다.

[공개] 0.2.6 이미지위젯 수정

똑띠 — Thu, 22 Nov 2007 02:31:23 +0900

현재 잡다한 몽상백서 좌측에 있는 포토갤러리 이미지 위젯을 0.2.6 버전에 맞게 수정해서 올립니다.
제가 배포한 이미지 위젯이 안되신다는 분들이 계신것 같은데 현재 제 홈페이지에서 테스트 하고 올리는 것이니 다운 받아 한번 사용해 보시기 바랍니다.

압축을 풀어서 그냥 덮어쓰기 하면 됩니다.

그리고 현재 위젯에서 상하좌우 여백조정이 안되는데 이것은 아무래도 버그인듯 합니다.

현재 http://www.zeroboard.com/?mid=zbxe_bugreport&document_srl=16020489 여기에 버그 리포팅 해 두었구요, 여러분들도 한번 테스트 해보시기 바랍니다.

현재 저같은 경우 위젯사이의 공간을 그냥 <br> 테그 하나 넣어서 일단 사용하고 있네요.


<img width="100%" height="100" src="http://jobdahan.net/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_images" body="" skin="jdh_xe_official" colorset="normal" widget_cache="0" title="포토갤러리" mid_list="photogallery_animal,photogallery_article,photogallery_computer,photogallery_food,photogallery_landscape,photogallery_myroom,photogallery_people,photogallery_plant,photogallery_site,photogallery_structure,photogallery_traffic" title_length="15" thumbnail_type="ratio" thumbnail_width="80" thumbnail_height="80" cols_list_count="2" rows_list_count="2" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" design_top="./images/photo_title.gif" design_middle="./images/sbox_middle.gif" design_bottom="./images/sbox_bottom.gif" design_img="./images/sbox_middle.gif" widget_margin_top="90" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="10" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="366332" />

<br>


<IMG class=zbxe_widget_output title=서식/양식 style="CLEAR: both" height=100 src="http://jobdahan.net/common/tpl/images/widget_bg.jpg" subject_cut_size="12" mid_list="document_accounts,document_contract,document_etc,document_generalaffairs,document_plan,document_proposal" list_count="5" order_type="desc" order_target="list_order" widget_fix_width="n" widget_cache="0" colorset="normal" skin="jdh_title_only" widget="newest_document" design_top="./images/form_title.gif" design_middle="./images/sbox_middle.gif" design_bottom="./images/sbox_bottom.gif" widget_margin_top="5">
제 홈페이지에 적용된 위젯소스를 참고 삼아 올려 봅니다. ^^

잘 사용하시길..

[공개]하단 흐르는 배너 소스

똑띠 — Thu, 22 Nov 2007 01:37:04 +0900

레이아웃 템플릿 소스에서 아래쪽부분에 배너부분을 아래 소스로 바꿔 주시기 바랍니다.


<div>
  <table width="950px" cellpadding="0" cellspacing="0" align=center>
  <tr>
   <td height=60px>
   <iframe src="/images/script/b_banner.php" width="950px" height="45px" frameborder=0 scrolling=no></iframe>
   </td>

  </tr>
  </table>
</div>

=======================================================================================

아이프레임으로 파일 하나를 불러서 사용을 합니다.
아이프레임에서 불려지는 파일의 경로는
/images/script/b_banner.php

이렇게 설정이 되어 있지요. 이건 여러분의 홈피에 따라 각각 수정해서 사용하세요.

잘모르겠다 싶으시면 그냥 저처럼 하셔도 상관없습니다.

즉 images폴더에 script 폴더를 하나 만들고 b_banner.php 파일을 업로드 해주면 되는것이지요.

첨부파일에 b_banner.php 파일을 압축을 풀어서 서버에 올려주심 됩니다.

이왕 배너공간을 마련하시는것이니..제 홈피 배너와 슬림코리아 배너는 같이 넣어 주시면 감사하겠습니다. ^^
(안넣어주면 삐집니다.ㅋㅋㅋ)

[사용법] 상단메뉴 개수 조정했는데도 메뉴가 출력이 안될때..

똑띠 — Tue, 20 Nov 2007 10:19:13 +0900

제가 제공하는 잡다한 5차 템플릿 사용에서 상단 메뉴개수를 조정했는데도 메뉴가 안보이는 현상은 메뉴가 출력될 공간이 부족해서 그런것입니다.
그래서 공간확보를 해주면 몇개의 메뉴를 더 출력 시킬수가 있겠네요.

아래소스는 밤색조끼님의 홈피에서 메뉴개수를 좀더 출력시키기위해 소스를 약간 변경시킨 형태 입니다.

zbxe/layout/jdh_xe_5m/layout.html
zbxe/layout/jdh_xe_5s/layout.html


  <div id="gnb_layer">
  <ul id="gnb">
   <table border="0px" cellpadding="0px" cellspacing="0px" width="950px" height="40px">
    <tr>
     <td>
     <td colspan="2" nowrap style="padding:0px 30px 0px 218px;" align="center">
     
     {@$menu_cnt=0}
     
      
       {@ $menu_1st = $val }
      


              
        <li style="padding:0px 0px 0 0px;">
       
        </li>
        
        <li class="on"><a href="{$val['href']}" onclick="window.open(this.href);return false;" onfocus="this.blur();" >{$val['text']}</a></li>
                
        <li style="padding:0px 0px 0 0px;">
       
        </li>
                    
     {@$menu_cnt++}
     
     
     </td>
    </tr>
   </table>
  </ul>
  </div>
  
붉은색 부분에서 첫메뉴가 출력되는 부분의 좌측 여백을 줄였습니다.

그리고
zbxe/layout/jdh_xe_5m/css/white.css
zbxe/layout/jdh_xe_5s/css/white.css
에서 37라인 정도에서

#gnb li a { text-align:center; display:block; float:left; padding:20px 9px 0px 9px; height:48px; color:#ffff66; white-space:nowrap; font-size:15px; font-weight:bold; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
메뉴간 좌우여백을 조정하였습니다.

이렇게 메뉴간 여백과 좌측 여백을 줄임으로써 메뉴가 출력된 공간을 확보하고 나면 메뉴가 좀더 보여지게 됩니다.

상단에 너무 많은 메뉴가 나오는것도 좋지 않으니 잘 조정해서 사용하시기 바랍니다.

잡다한5차 - 익스플로어6 사용하시는 분들..

똑띠 — Mon, 19 Nov 2007 15:25:14 +0900

제 홈페이지 "Never "님이 댓글로 알려주신 팁입니다.
---------------------------------------------------------------------------------------------------------------------------------------------
layout.html 화일에서

93번째줄즘에..

<img src="/images/{$layout_info->colorset}/bgGnbOn_left.png" alt="right" class="iePngFix" />

을 찾으셔서 class="iePngFix" 를 추가 해주시면 됩니다.

png 화일이 있는 태그에 다 추가 해주시면 투명도가 먹혀요...

[배포]잡다한5차 상단 스킨 5종세트

똑띠 — Mon, 19 Nov 2007 10:11:10 +0900

제가 좋아 하는 스킨 5종류를 만들어서 올립니다
다운받아 서버에 올리시셔서 사용하시기 바랍니다.

현재 제가 제공한 잡다한 5차 템플릿의 경우 아래 이미지가 bgHeader2.png 라는 이미지로 되어 있습니다.

제가 작업상 아래 이미지들의 이름을 다른것으로 해 놓았는데 자신이원하는 컬러이미지를 bgHeader2.png 라는 이름으로 저장해서 서버에 있는 이미지를 덮어써서 이용하시면 되겠습니다.

[사용법]잡다한5차 탭메뉴 위젯 수정할려면...

똑띠 — Mon, 19 Nov 2007 00:29:03 +0900

탭메뉴위젯을 수정하는 방법이나 다른 위젯을 수정하는 방법이나 개념은 동일합니다.

탭메뉴쪽에 질문이 많으셔서 탭메뉴를 샘플로 설명을 드립니다.

아래내용은 댓글로 답변 드린 부분을 좀더 찾기 쉽게 하기 위해 별도로 게시물로 등록한 것입니다.

기존에 탭메뉴 위젯을 사용하고 있지 않으신분들께서는 첨부파일에 올려진 파일을 아래 경로아래에 업로드 해주시기 바랍니다.

zbxe/widgets/newest_document_tab/

기존에 탭메뉴를 사용한다는 것을 가정하고 제가 파일을 제공했었는데, 그렇다 보니 기존에 사용하고 있지 않으신분들은 queries 폴더가 빠졌더군요.

------------------------------------------------------------------------------------------------------------------------------------

우선 위젯을 레이아웃코드에 추가시키는 방법은 여러가지가 있습니다.

우리가 가장 흔히 일반적으로 사용하는것은 페이지모듈에서 위젯추가를 해서 적용할 수 있죠.
그리고 관리자 페이지에서도 위젯코드를 만들 수 있습니다.

그런것을 제자 미리 잡다한5차 템플릿 소스에 추가해 놓은 것이지요.

인도님 홈페이지 들어가 보면 제 소스를 수정해서 사용중이신거 보면 기본적인 개념은 이해를 하신것 같습니다.

그렇담 제 소스에서 메인용템플릿 레이아웃 소스에 보면 아래와 같은 소스가 있을겁니다.

zbxe/layouts/jdh_xe_5m/layout.hml 파일을 열어 보시면 아래와 같은 소스가 있을 겁니다.
(혹시나 해서..소스는 울트라에디트나 에디트플러스와 같은 프로그램으로 수정하시면 됩니다.)


<IMG title=창업자료실 class=zbxe_widget_output style="CLEAR: both" height=100 src="http://jobdahan.net/common/tpl/images/widget_bg.jpg" width="100%" module_srl="1" widget="newest_document_tab" body="" widget_sequence="333211" skin="jdh_xe_div" colorset="div" widget_cache="0" order_target="readed_count" order_type="desc" view_category="on" tabmenu="browser_title" extra_var_num="" duration_new="24" mid_text="business_story,business_plan,business_step" mid_list="business_story,business_plan,business_step" widget_margin_top="5" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="0" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position=""
     list_count="5"
     subject_cut_size="20"
     design_top="./images/biz_title.gif"
     design_middle="./images/bbox_middle.gif"
     design_bottom="./images/bbox_bottom.gif"
     design_img="./images/biz_img.gif"/>

이건 제 홈페이지에 사용된 창업 자료실 위젯입니다.

이 소스에서 체크하셔야 할 부분이 붉은색 부분이 되겠지요.
붉은 색 부분을 님의 홈피 상황에 맞게 바꿔 주시기 바랍니다.

당연 mid_list는 님이 만드신 게시판 모듈명입니다.

그렇게 하셨다면 이젠 파란색 부분의 이미지 부분을 수정해 주시면 되겠지요.

이렇게 기본적인 소스를 수정해 주시고 반드시 해주셔야 할 부분이 님이 만드신 게시판들의 브라우저 타이틀을 게시판명으로 지정해 주시는겁니다.

위에 제가 보라색으로 지정해 놓은것을 보시면 아시겠지만 탭메뉴를 브라우저 타이틀로 사용하겠다고 되어 있습니다.

이해가 되셨는지요?

잡다한5차 상단메뉴 클릭 이상 부분 해결.

똑띠 — Sun, 18 Nov 2007 19:33:47 +0900

zbxe/layout/jdh_xe_5s/layout.html 파일에서 104~113 라인 부분의 아래 소스를 지우시기 바랍니다.


  <ul id="gnb_add">
  <table border="0px" cellpadding="0px" cellspacing="0px" width="100%" height="20px">
  <tr>
           <td colspan="2" height="20px" nowrap style="padding:0px 0px 0px 0px;" align="center">

   </td>
  </tr>
  </table>
  </ul>

이 소스가 있어서 아무래도 메뉴 클릭 부분이 그런 증상이 나타나는 것 같습니다.

[사용법] 잡다한5차 서브레이아웃 게시판 상단 이미지 출력시키기.

똑띠 — Sat, 17 Nov 2007 11:18:27 +0900

잡다한 몽상백서 처럼 서브레이아웃 템플릿이 동일한 모양새고 단지 게시판 상단에 이미지만 다른걸로 보여주고 싶을때 아래 사용법을 잘 활용하시면 효과적입니다.

지금 보고 계시는 이미지들이 출력되는 부분을 처리하기 위한 방법을 소개 합니다.

zbxe/layouts/jdh_xe_5s/layout.html 파일을 열어서 아래와 같은 소스를 찾아 보시기 바랍니다.

297라인정도에

<div class="columnCenter">

   
    <div id="contentBody1"></div>
   
    <div id="contentBody2"></div>
   
    <div id="contentBody3"></div>
   
    <div id="contentBody4"></div>
   
    <div id="contentBody5"></div>
   
    <div id="contentBody6"></div>
   
    <div id="contentBody7"></div>
   
    <div id="contentBody8"></div>
      
   <div id="now_page">

   
    <a href='/'><img src="./images/{$layout_info->colorset}/home_icon.gif" border="0" align="absmiddle"></a> > {$menu_1} {$menu_2} {$menu_3}
   
</div>
   

            {$content}

  </div>

여기에서 기획, 창업, 강좌/자료 등등의 상위 메뉴명을 님의 홈페이지 상단메뉴명으로 바꾸어 주시면 저와 같은 화면이 출력이 될겁니다.

그럼 이젠 이미지만 바꿔서 사용하시면 되겠지요.,
이미지 경로는

zbxe설치경로/layouts/jdh_xe_5s/images/white/bgContentBody1.gif

여기입니다.

bgContentBody1.gif
bgContentBody2.gif
bgContentBody3.gif
bgContentBody4.gif
bgContentBody5.gif
bgContentBody6.gif
bgContentBody7.gif

bgContentBody8.gif

이런식으로 이미지가 올려져 있습니다.

대충감이 오시죠? ^^

그리고 중요한것은 다시 거듭 강조하지만 위에 제가 샘플로 올려 놓은 이미지의경우 저작권이 있는 이미지 입니다.
님들 홈피에 사용하시면 안됩니다.

제가 배포할때 실수도 또 같이 배포해 버리고 말았는데...

기본형으로 나오는 이미지를 반드시 교체해서 사용하시기 바랍니다.

[사용법] 좌측메뉴 이미지메뉴로 사용이가능하다고 했는데?

똑띠 — Fri, 16 Nov 2007 17:46:25 +0900

현재 제 홈페이지 기획 메뉴를 보시면 좌측에 메뉴가 이미지로 등록이 되어 있는것을 확인 하실 수가 있습니다.

이렇게 좌측메뉴를 이미지로 등록하시려고 한다면 아래의 순서대로 작업을 하시면 되겠습니다.

1. 촤측에 들어갈 이미지메뉴를 만든다.
ex>

2. 이미지를 서버에 특정 폴더에 업로드 한다.

설명의 편의상 서버에 images라는 폴더를 만들고 images 폴더 밑에 sub_menu라는 폴더를 하나더 만든 다음 메뉴이미지를 업로드 해 둔다.

3. 메뉴관리에서 해당 메뉴의경로를 적어준다.

이미지 경로는
일반 : /images/submenu/submenu1_1.gif
마우스오버 : /images/submenu/submenu1_2.gif
선택시 : /images/submenu/submenu1_3.gif

이렇게 지정해서 그냥일때와 마우스오버일때 그리고 선택되었을때 이미지를 각각 다르게 해서 처리할 수 있다.

이쁘게 만들어서 사용하시길...^^

잡다한5차 템플릿 상단 메뉴 갯수 조정할려면?

똑띠 — Fri, 16 Nov 2007 17:35:45 +0900

레이아웃 템플릿 소스중 메인용을 기준으로 설명을 드리자면..
layout.html파일 89번째 줄

<!--@if($menu_cnt> 0 && $menu_cnt < 7)-->

<li style="padding:0px 0px 0 0px;">
       <img src="/images/{$layout_info->colorset}/bgGnbOn_left.png" alt="right" />
       </li>

<li class="on"><a href="{$val['href']}" onclick="window.open(this.href);return false;" onfocus="this.blur();" >{$val['text']}</a></li>

<li style="padding:0px 0px 0 0px;">
       <img src="/images/{$layout_info->colorset}/bgGnbOn_right.png" alt="right" />
       </li>

----------------------------

붉은 색 부분을 조정하시면됩니다.

<!--@if($menu_cnt> 0 && $menu_cnt < 7)-->

이메뉴를 설명하자면 " 첫번째 메뉴 다음부터 8번째 메뉴 이전까지만 보여줘라" 입니다.
프로그램에서 순서는 0부터 시작하거든요.

그러니 뒤에 숫자 7을 조정하시면 됩니다.

만약 첫번째 메뉴부터 보여주면서 조정하고 싶으시다면

<!--@if( $menu_cnt < 7)-->
이렇게 고치시면 되겠죠.

역시 숫자 7을 원하시는 형태로 고치시구요. ^^