RadarURL

logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2020년 05월 31일
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
조회 수 21010 추천 수 0 댓글 10
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
Extra Form
프로그램적으로 답변을 드릴 능력은 안됩니다.
단지 활용이나 사이트 기획, 구성에 대한 답변은 드립니다.
디자인도 어느정도...(포토샵에 한해서... 다른건 자신없어요..)

?
  • ?
    뜬구름 2007.08.13 04:31
    안녕하십니까?
    메뉴 부분과...위의 로고부분을 편집하려면.....배포판에서 어느 파일을 건드려야 하는 거죠?
  • profile
    똑띠 2007.08.13 04:31

    1) zb5/layout/zb5_site/tpl/layout.tpl파일 : 레이아웃 템플릿(뼈대라고 생각하시면 됨)

    2) zb5/layout/zb5_site/theme/blue/layout.css   : 레이아웃을 꾸며주는 속성


    1번과 2번 파일을 동시에 열어서..1번파일에서 변경하고 자 하는 부분의 속성값을 2번에서 바꾸어 주면 됩니다.

    아래 소스는 현재 잡다한 홈페이지에 사용된 소스 원본중 일부 입니다.
    참고 하셔도 좋을듯..

    (아직 저도 div사용하기 귀찮아서...테이블 사용도 하고, 테이블에 속성값을 직접 입력하기도 합니다. 뭐 어짜피 꾸미기 위한 파일이니까..나중에 좀 편해지면 그때 바꿔도 상관없으니까...
    제 개인적인 생각인데. 먼저 익숙해지는것이 좋은니까..굳이 예전방식을 버리고 디자인과 프로그램파일을 구분관리 하지 않아도 될듯..하다보면 나중엔 자동적으로 그렇게 흘러 갈듯 합니다.)

    <div id="loading"></div> {** 로딩이미지 불러오는 부분**}
    <table cellpadding=0 cellspacing=0 border=0 align=center> {** 중앙정렬을 위해 테이블을 하나 사용함. **}
    <tr><td>
    <div id="layout_zx">
     {** 상단 부분 **}
      <table class="main_width"  border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
          <td background=./images/common/top_leftbg.gif width=2 nowrap></td> 
         {** 아래부분이  로고 처리 되는 부분임**}
          <td width=100% valign=bottom><div class="lo_top">
           <div class="lo_top">
          <img src="{$selected_layout->logo_image}" class="png"  onClick="location.href='http://jobdahan.net'"
          style="cursor:pointer;" />
          </div>
        </div>
        </td>
        {** 로고처리 끝**}
        <td nowrap valign=bottom  style='padding: 20px 20px 10px 20px'; >
         Home | Join | ID/PW | ContacuUs
        </td>
        <td align=right nowrap valign=bottom style='padding: 20px 5px 5px 0px'; > 
        {**검색부분시작**}
        <form action='./' method='get' style='display:inline' class="a_search">
            <input type='hidden' name='sid' value='{$root_sid}' />
            <input type='hidden' name='action' value='search' />
            <input type='hidden' name='site_sa' value='and' />
              <table border="0" cellspacing="1" cellpadding="0">
              <tr>
                <td><input type="text" name="site_keyword" class="input" value="{$site_keyword|escape}"/></td>
                <td>&nbsp;</td>
               <td><input type="image" src="./images/common/search.gif" name="Submit" class="submit" /> </td> 
            </tr>
            </form>  
            </table>
          {**검색부분 끝**} 
         </td> 
       <td background=./images/common/top_rightbg.gif width=2 nowrap>
        <img src=./images/common/top_rightbg.gif>
        </td> 
       </tr> 
      </table>
      {** 메뉴부분 시작**}
      <div class="lo_menu">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="menu_bg">
        <tr>
          <td class="a_left">&nbsp;</td>
          <td class="a_center">
            {foreach from=$menu_list.main_menu key=node_srl item=obj name=main_menu}
              {if $obj.info.selected}
                {assign var=menu_1st_title value=$obj.info.node_name}
                {assign var=menu_2nd value=$obj.list}
                {assign var=item_class value="i_se"}
                {assign var=item_script value=""}
              {else}
                {assign var=item_class value="i_nm"}
                {assign var=item_script value="onmouseover=\"this.className = 'item i_ov';\" onmouseout=\"this.className = 'item i_nm';\""}
              {/if}

              {**아래부분 부터 수정소스**}
              {if $obj.info.menu_type eq 1}
                {assign var=item_href value="window.open('"|cat:$obj.info.link_url|cat:"','_blank')"}
              {elseif $obj.info.menu_type eq 2}
                {assign var=item_href value="location.href='./?sid="|cat:$obj.info.page_path|cat:"'"}
              {else}
                {assign var=item_href value="location.href='./?sid="|cat:$obj.info.node_srl|cat:"'"}
              {/if}
             {**수정소스 마무리**}

              <div class="item {$item_class}" onclick="{$item_href}" {$item_script}>{$obj.info.node_name}</div>
            {/foreach}
          </td>
          <td class="a_right">&nbsp;</td>
        </tr>
        <tr>
         <td background=./images/menubar/top_leftbg.gif valing=bottom align=left nowrap>
         <img src=./images/menubar/op_bleft.gif></td>
         <td background=./images/menubar/top_uback.gif width=100%></td>
         <td background=./images/menubar/top_rightbg.gif nowrap valing=bottom align=right>
          <img src=./images/menubar/op_bright.gif>
         </td>
        </tr>
        </table>
        {** 쉐도우 없앰 <div class="shadow"></div>**}
      </div>
     {**메뉴부분 끝**}
    ----------------------------------

    위 소스에서 주황색으로 되어 있는 부분과 같은 부분은 layout.css에서 찾아서 수정하는 겁니다. (참고로 몇개 표시를 해 본것임.)

  • ?
    여우비 2007.08.13 04:31
    전 이런걸 봐도 아직 잘 모르겠군요 ㅠㅠ
  • profile
    똑띠 2007.08.13 04:31

    모르는 부분을 하나씩 해결하세요.^^

  • ?
    펀시티 2007.08.13 04:31

    저도 몽상백서처럼 꾸미고싶은데~

     

    http://funcitycafe.net/

     

    봐주세요

  • profile
    똑띠 2007.08.13 04:31

    실력있으신 분인것 같네요^^. 디자인적인 부분은 제 사이트 그대로 베껴도 상관없습니다.

    그런데 하시다 보면 웬지 잘 안되는 경우가 있거든요.(제 경험상으론 대부분 그렇습니다.)

    그이유는 하나입니다. 사이트맵을 먼저 생각하세요. 흔히 이바닥에선(??) "메뉴구성도"라도 합니다.

    즉, 홈피에 어떤 메뉴들이 들어 갈거냐 하는 거죠.

    zb5에선 메뉴관리 부분이라고 해도 상관없겠죠.

    그것이 정리되고 나면..메인에 뽑아져 나올것은 어떤건지 정하시구요.

    그다음에 레이아웃이나 전체적은 구성을 생각하셔도 될듯..

     

    처음부터 디자인적으로 접근하려면 수없이 실수를 반복해야만 어느정도 접근이 됩니다.

    지금 시작하실려고 하신다면..우선 사이트 구성 ,즉 사이트 맵이라고 이해 하셔도 되고...제가 사용하는 "메뉴구성도"라고 이해 하셔도 되는 홈페이지 컨텐츠 구성에 대해 정리를 하시고 다시 질문 주시면 그다음 순서를 알려드릴께요.

    차근차근 만들어 가보죠..^^

  • ?
    펀시티 2007.08.13 04:31
    네~~ 지금 메인만 누가 꾸며줘도 괜찬을듯
  • ?
    펀시티 2007.08.13 04:31

    바쁘신가보네요

  • profile
    똑띠 2007.08.13 04:31
    저도 월급받는 셀러리맨이라.ㅋㅋ
  • ?
    이름 2007.08.13 04:31

    똑띠님께서 제공해주신 레이아웃으로 홈피 맨그는데 많은 도움이 되고있습니다.

    첨엔 소스자체를 알아야 똑띠님과 같은 홈피를 만들수잇는줄알았는데 워낙에 똑띠님이 제공해주신 레이아웃이 잘되있어서

    대충플로인과 모튤만 가지고 홈피를 꾸미는데 전혀 어려움없다라구여, 첨에 로그인문제로 소스를 건디려하나 하고 몇시간을

    해메고 그랬는데 똑띠님레이아웃은 소스안건디려도 걍 플로그인만 2개넣어주닌까 로그인/아웃 문제가 해결되더라구여 ㅋㅋ

    즉, 모든부분이 걍 플로그인/모듈만 적용하면 쉽게 홈피만들수있도록 해났더라구여 초보인저로서는 너무나 쉽게 홈피를 만들

    고 있다는게 얼마나 고마운일인지 모릅니다.^^ 똑띠님에게 감사합니다.

    추신: 플로그인 답변좀 해주삼 질문올려났는뎅 ㅋㅋ


List of Articles
번호 제목 글쓴이 날짜 조회 수
» zb5관련 질문 받습니다. 능력껏.. 10 똑띠 2006.08.22 21010
2878 레이아웃 관련 질문있습니다. 3 턱털 2006.08.23 21339
2877 첫화면에서요 똑띠님 2 제트 2006.08.24 21322
2876 로그인 폼의 위치 2 제트 2006.08.26 21516
2875 공지사항 출력에서 작성자 제거 할려면... 4 최길성 2006.08.27 22988
2874 상단 메뉴를 한개의 파일로 저장해서 불러오려면 2 제트 2006.08.28 21356
2873 플러그인만으로 화면을 구성하고선 휴으... 1 제트 2006.08.30 21482
2872 CSS, TPL,,, 1 Vince89 2006.08.31 21674
2871 ^^ 1 에존 2006.09.02 22361
2870 ㅎㅎ 1 에존 2006.09.02 21843
2869 로그인 후 로그인 화면 없애기; 1 홍길동 2006.09.02 22422
2868 게시판이 안나오는데 문제가 먼가요? 1 세니안 2006.09.03 21916
2867 디자인 최상단 오른쪽 메뉴부분을 삽입하려면? 5 크래쉬 2006.09.03 21463
2866 죄송합니다.또 질문이..^^;; 3 크래쉬 2006.09.03 21057
2865 ㅠㅠ 똑띠님 1 츠루히 2006.09.03 23342
2864 최상단 메뉴, 크래쉬 님에 대한 질문 4 해피엔딩 2006.09.04 21352
2863 안녕하세요... 1 유타란 2006.09.04 21313
2862 죄송하지만,, 질문 한번 더 드립니다~ 2 해피엔딩 2006.09.04 21474
2861 서브레이아웃에서 서브메뉴부분 디자인 질문입니다. 2 크래쉬 2006.09.04 21283
2860 layout.tpl설명서 3 michol 2006.09.04 21533
Board Pagination ‹ Prev 1 2 3 4 5 6 7 8 9 10 ... 144 Next ›
/ 144

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net