곧 많은 스킨이나 모듈 자료들을 많은 분들이 만들어 내실꺼라 생각이 듭니다만,
일단 어떤 분이 제가 만드는 중인 홈페이지에서  궁금한게 있다고 하셔서

그 방법을 공유합니다.

우선 이미지와 함께 최신글을 뽑아오는 방법입니다.

첫번째는  아래와 같은 방법입니다.


일단,

최신글 뽑기에서 이미지를 뽑아오는 방법은 최신글 뽑기의 처리 구문에
 <a href="{getUrl(''+ '+ ','document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(50)
}" width="50" height="50" border="0" alt="" class="thumbnail" align= /></a>
를 이용해서 thumbnail  이미지를 뽑아 오면 되는 것입니다.


전체적인 하는 방법은 아래와 같습니다.

widgets/newest_document/skins/xe_official/lsit.html 파일에서
 14~ 24 라인의 코드를 아래와 같이 수정합니다.
==============================================================================================
    <ul>
        <!--@foreach($widget_info->document_list as $oDocument)-->
        <li>
          <span class="title">
            <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info-
>subject_cut_size)}</a>
            <!--@if($oDocument->getCommentCount())-->
              <span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]</
span>
            <!--@end-->
          </span>
          <span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
        </li>
        <!--@end-->
    </ul>
===============================================================================================
위의 <ul> ~ </ul> 까지의 부분을 바꾸시면 됩니다.
간단하게 설명을 하면, 첫번째 불러오는 글의 이미지와 글, 글쓴이, 날짜 등을 뽑아서 테이블에 넣었습니다.
그 이후의 데이타는 이전과 같이 출력함.
===============================================================================================
    <ul>
        {@ $count = 0; }

        <!--@foreach($widget_info->document_list as $oDocument)-->
                {@ $count++; }
                <!--@if($count == 1)-->
                <div class="thumbnail_box">
                <TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
                <TBODY>
                <TR>
                <TD height=7></TD></TR>
                <TR>
                <TD align=middle width=100>
                <TABLE border=0 class="thumbnail_img">
                <TBODY>
                <TR><TD class="thumnail">
                <a href="{getUrl('','document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(100
)}" width="100" height="100" border="0" alt="" class="thumbnail" align= /></a>
                </TD>
                </TR>
                </TBODY></TABLE>
                </TD>
                <TD vAlign=left class="summary">
                <B>                  {$oDocument->getTitleText($widget_info->subject_cut_size)}     </B>
                <!--@if($oDocument->getCommentCount())-->
                    [<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]
                <!--@end--><br>
                <a href="{getUrl('','document_srl',$oDocument->document_srl)}">
                    {$oDocument->getSummary(120)}[{$oDocument->getRegdate("Y-m-d")}]</a>
                <span class="author member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}
                </span>
                </TD></TR></TBODY></TABLE></div>
                <!--@else-->
                         <li>
                        <span class="title">
                        <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitl
eText($widget_info->subject_cut_size)}</a>
                        <!--@if($oDocument->getCommentCount())-->
                        <span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getComme
ntCount()}</a>]</span>
                        <!--@end-->
                        </span>
                        <span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
                        </li>
                <!--@end-->
        <!--@end-->
    </ul>
===============================================================================================
css 파일은 적당히 바꿔 주세요.

두번째 최신글 뽑아오는 방법은 아래와 같은 타입입니다.




이 렇게 하기 위해서, 원본의 소스의 <ul> ~ </ul> 부분을 수정합니다.
=================================================================
    <ul>
        <!--@foreach($widget_info->document_list as $oDocument)-->
                <div class="thumbnail_box">
                <TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
                <TBODY>
                <TR>
                <TD height=7></TD></TR>
                <TR>
                <TD align=middle width=50>
                <TABLE border=0 class="thumbnail_img">
                <TBODY>
                <TR><TD class="thumnail">
                <a href="{getUrl('+ '','+ 'document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(50)
}" width="50" height="50" border="0" alt="" class="thumbnail" align= /></a>
                </TD>
                </TR>
                </TBODY></TABLE>
                </TD>
                <TD vAlign=left class="summary">
                <B>
                    {$oDocument->getTitleText($widget_info->subject_cut_size)}
                </B>
                <!--@if($oDocument->getCommentCount())-->
                    [<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]
                <!--@end--><br>
                <a href="{getUrl('','document_srl',$oDocument->document_srl)}">
                    {$oDocument->getSummary(10)}[{$oDocument->getRegdate("Y-m-d")}]</a>
                <span class="author member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}
                </span>
                </TD></TR></TBODY></TABLE></div>
        <!--@end-->
    </ul>
=========================================================================
이건 제가 thumbnail 뽑아오는 이미지의 크기를 50 으로 고정했습니다, 이미지의 크기와 전체적인 size 를 고려해서요

제가 CSS 작성법을 몰라서 CSS 는 어떻게 처리하는지 잘 모릅니다.   

곧, zb5 에서 많은 스킨들을 만드셨던 분들이 어서 어서 제대로된 스킨을 만들어 주셨으면 고맙겠습니다.

날도 흐리고, 계속 비도 오고, 그냥 꿀꿀한 마음에 한번 적어 봤습니다.