안녕하세요 똑띠입니다. 오늘 회원분 한분의 포토누리 사용을 점검해 드리다가 다른분들을 위해서 몇가지 가이드 라인을 만들어 놓는것이 좋겠다고 생각을 해서 이렇게 정리를 해봅니다.

동영상으로 소개 매뉴얼을 만들면 더 좋겠지만..먼저 간략하게 몇가지 가이드라인을 만들어 봅니다.

1. 포토누리를 사용할려면 
   
     먼저 메인레이아웃과 서브레이아웃, 그리고 위젯들을 업로드 합니다.
   메인레이아웃과 서브레이아웃 개념이 다소 생소하신 분들이 계실수도 있는데 배포되는 템플릿을 설치해서 게시판 설정만 바꾸면 바로 사용가능하도록 되어 있는 템플릿이다 보니 별도로 메인용 레이아웃이 제공되고 있습니다.
   메인용 레이아웃은 홈페이지 첫화면이라고 생각을 하시면되겠습니다.
   
   
   
2. 상단 로그인 링크가 제대로 안걸릴때
   
    XE 설치경로에 따른 경로 문제입니다.
   만약 XE를 홈디렉토리 밑에 xe 폴더에 설치가 되었다면 (ex> /xe) 로그인 위젯에서 경로를 수정해 주시면됩니다.
   /xe//widgets/jdh_login_info/skins/jdh_style1/폴더에 있는
   login_form.html 파일과 login_info.html 파일에서 연결URL 부분에 /xe 를 하나더 넣어주시면 됩니다.
   (ex> <a href=".//xe/?mid={$mid}&act=dispMemberSignUpForm&member_srl" onfocus="this.blur();">회원가입</a>
   



3. 메인 최근게시물 위젯이 샘플사이트와 다르게 보입니다. 형광컬러형태가 아닌 붉은색 컬러형태 일때
   
    CSS파일이 읽히면서 다른부분과 동일한 코드가 사용되는 형태인것 같습니다.
   이럴경우 /widgets/jdh_newest_document/skins/jdh_style1/css/black.css 파일에서
   .latest_black  이런식으로 되어 있는 코드를 .latest1_black  이렇게 모두 바꾸어 주시고
   /widgets/jdh_newest_document/skins/jdh_style1/list.html 파일에서도
   latest_{$colorset} 이렇게 되어 있는부분 (12번째줄에) 을 latest1_{$colorset}이렇게 바꿔 주시면 됩니다.
   
   즉, lastest 를 lastest1 으로 바꾸시면 됩니다.
   
   


4. 레이아웃을 업로드 하고 위젯도 업로드했는데 게시물이 안불려 지거나 뒤죽박죽으로 불려질때
   
    제가 배포하는 레이아웃은 임으로 제가 사용하고 있는 게시판명이 지정이 되어 있습니다.
   다운받아 사용하실때는 자신의 홈페이지에 맞게 게시판명을 다르게 변경해서 사용하셔야 합니다.
   
   /layouts/jdh_3M/layout.html 파일을 에디터로 열어서 mid_list 부분의 값을 수정해 주세요.
   
   ex> 공지사항 부분
       <!--환율정보-->
       <div class='cont1'>
       <img class="zbxe_widget_output"
       widget="jdh_newest_document"   //어떤위젯인지 정하는 코드
       skin="jdh_style1"   // 위에서 선택한 위젯중에 어떤 스킨을 사용할지 정하는 코드
       colorset="{$layout_info->colorset}"  // 스킨에서 어떤 컬러를 사용할지 정하는 코드
       title="공지사항"  // 위젯의 타이틀을 정하는 부분
       order_target="regdate"  // 불러올 리스트를 어떤 기준으로 불러올지 정하는 곳. 현재는 날짜순 정렬
       order_type="asc"  // 날짜순으로 불러올때 최신글먼저 불러 올지, 이전에 등록한글 먼저 불러올지 정함.
       list_count="3" // 리스트를 몇개 불러올지 정함.
       duration_new="24" // 불러올 리스트가 최신글인지 판단하는 기준. 현재는 24시간 이내 등록이면 최신글
       subject_cut_size="50" // 제목을 몇글자 까지 보여줄지 정하는곳
       mid_list="hujb" // 어떤 게시판에서 불러올지 정하는 곳
       display_author="N" // 글쓴이를 출력할지 정하는곳
       display_regdate="Y" // 등록일을 출력할지 정하는곳
       design_top="" // 위젯 제목 부분을 이미지로 만들경우 이미지 경로
       design_middle="" // 위젯 배경을 이미지로 할경우 이미지 경로
       design_bottom=""  // 위젯 하단부분을 이미지로 할 경우 이미지 경로
       />
       </div>
   
   
   
   
5. 게시판 스킨 설정은 어떻게 해야 보기 좋을까요?
   
    가. 스킨관리
          a. 컬러셋: 검은색
          b. 기본형태 :  갤러리
          c. 썸네일 가로크기 :185  / 썸네일 세로크기 : 123
   
   나. 추가설정
          a. 위지윅에디터 스킨 문서부분 : Xpresseditor 검은색
          b. 위지윅에디터 스킨 댓글부분 : Xpresseditor 검은색 텍스트편집기(Html사용)
              댓글부분에서는 첨부파일 기능을 사용하지 않을경우 위와 같이 하시고
              첨부파일 기능을 사용하실려면  xpresseditor 검은색을 지정하시면 됩니다.
          c. 문서서식 : xe기본서식(검은배경)
   
6. 댓글 작성부분에 배경에 너무 까만색이라 수정하고 싶을때
   
    /modules/editor/skins/xpresseditor/css/default.css 파일에서 3번째줄정도에

   .xeTextEditor.black textarea { color:#fff; background-color:#252525;} 이런식으로 고치면 됩니다. 

7. 게시글을 볼때 제목부분의 컬러가 검은색 계열이라눈에 띄지 않아 수정하고 싶을때
   
    /modules/board/skins/xe_board/css/black.css 파일에 81번째 라인정도에
   .boardRead .titleAndUser .title a { color:#ffffff !important; text-decoration:none; } 이 코드를 추가하세요.
   


8. 게시글 작성이 배경이 하얗게 보여서 보기 싫을때
   
    배포한 서브레이아웃에서 112라인정도에
   
   <div style="background:#ffffff;padding:10px;">이렇게 되어 있는 부분을
   
   <div style="padding:10px;"> 이렇게 수정해 주시면 됩니다.
   
   
9. 서브레이아웃에서 마이페이지 (쪽지함, 스크랩,친구보기...) 메뉴 배경이 검은색이라 보기 싫을때
   
    jdh_3S/layout.html 파일 114라인 정도에 보시면
   
    <!--@if($act)-->
    <div id="contentBody">
    <div style="padding:10px">
    {$content}
    </div>
    </div>
    <!--@else-->
   이런 소스가 있을겁니다. 이소스를
   
   <!--@if($act)-->
    <div id="contentBody" >
    <div style="padding:10px;
    <!--@if($act=='dispMemberInfo' ||  
    $act=='dispMemberScrappedDocument' ||  
    $act=='dispMemberSavedDocument' ||
    $act=='dispCommunicationFriend' ||
    $act=='dispMemberOwnDocument' ||
    $act=='dispCommunicationMessages')-->
    background:#ffffff;
    <!--@end-->">
    {$content}
    </div>
    </div>
    <!--@else-->
   이렇게 고쳐주시면 됩니다.
   
   즉, 마이페이지 관련 메뉴들을 호출하는 경우에는 배경색을 하얀색으로 처리하는 팁이 되겠습니다
10. 추천갤러리 속도를 조절하고 싶다면...
/widgets/jdh_slider_images/skins/xe_official/jdh_slider.js 파일에서 
autorotate: [true, 3000], //[true/false, pausetime]

붉은색 부분의 수치를조정해 주세요. 기존엔 1000(1초)로 되어 있을겁니다.
11. 운영진 부분을 링크 걸때 CSS를 적용할려면...
    
     <div class='add_zone1'>
        <a href="./{getUrl("act','','mid',photonuri_introduction)}">포토누리소개</a> |
        <a href="./{getUrl("act','','mid',photonuri_guide)}">이용안내</a> |
        <a href="./{getUrl("act','','mid',photonuri_member)}">운영진 소개</a>
        </div>
        <div class='add_zone2'>
        포토누리는 사진으로 담긴 세상을 뜻합니다.<br>
        사람들의 진솔한 삶의 이야기가 닮길 수 있는 즐거운 세상으로 만들어 갑니다.
     </div>
    
    -------
    CSS 부분
    Black
    
    /* Site Layout - Column Right */
    #columnRight {position:relative; top:0px; right:0px; width:380px; text-align:left; float:right; margin:0px; padding-top:0px; border:0px solid #ffffff;}
    #columnRight .cont1{margin-bottom:0px;}
    #columnRight .cont2{margin-bottom:2px;}
    #columnRight .add_zone1{border:1px solid #4f4f4f;height:55px;margin-bottom:10px;padding:10px;}
    #columnRight .add_zone1 a{color:#999999; text-decoration:none;}
    #columnRight .add_zone2{border:0px solid #4f4f4f;height:65px;color:#777777;}
    #visualArea { width:400px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
    #content { width:100%; overflow:hidden;}
    
    
    White
    
    /* Site Layout - Column Right */
    #columnRight {position:relative; top:0px; right:0px; width:380px; text-align:left; float:right; margin:0px; padding-top:0px; border:0px solid #ffffff;}
    #columnRight .cont1{margin-bottom:0px;}
    #columnRight .cont2{margin-bottom:2px;}
    #columnRight .add_zone1{border:1px solid #4f4f4f;height:55px;margin-bottom:10px;color:#333333;padding:10px;}
    #columnRight .add_zone1 a{color:#333333; text-decoration:none;}
    #columnRight .add_zone2{border:0px solid #4f4f4f;height:65px;color:#777777;}
    #visualArea { width:400px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
    #content { width:100%; overflow:hidden;}