웹마스터 팁
최신글 뽑아오기 - 간단한 방법
2007.08.14 14:50
곧 많은 스킨이나 모듈 자료들을 많은 분들이 만들어 내실꺼라 생각이 듭니다만,
일단 어떤 분이 제가 만드는 중인 홈페이지에서 궁금한게 있다고 하셔서
그 방법을 공유합니다.
우선 이미지와 함께 최신글을 뽑아오는 방법입니다.
첫번째는 아래와 같은 방법입니다.
일단,
최신글 뽑기에서 이미지를 뽑아오는 방법은 최신글 뽑기의 처리 구문에
<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 에서 많은 스킨들을 만드셨던 분들이 어서 어서 제대로된 스킨을 만들어 주셨으면 고맙겠습니다.
날도 흐리고, 계속 비도 오고, 그냥 꿀꿀한 마음에 한번 적어 봤습니다.
댓글 3
제목 | 글쓴이 | 날짜 |
---|---|---|
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 [42] | 베니 | 2007.08.16 |
음악플레이어를 달고싶으세요? [13] | 부찬™ | 2007.08.16 |
공개 소스 웹 디자인 [6] | 나라비 | 2007.08.15 |
외부에서 회원정보 불러오기 [5] | 미오유 | 2007.08.15 |
zbXE게시판 상단 내용처럼 꾸미기... [12] | 이승수961 | 2007.08.15 |
공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등) [21] | ZK™ | 2007.08.15 |
최근글 및 카운터 로그인등등.. 모르시는분있을꺼라고 생각해서올려요 [7] | 장재혁512 | 2007.08.15 |
최신글 뽑아오기 - 간단한 방법 [3] | Eric2ya | 2007.08.14 |
설치 후 로그인 불가능 문제 해결방법 [14] | 엘핀라즈 | 2007.08.14 |
상단 로고부분 공간 늘릴려면... [3] | 똑디 | 2007.08.14 |
포트 변경 후 XE 사용이 안 되면 | 류현留賢 | 2007.08.14 |
로고 만들기 귀찮을떄 [2] | 정지훈308 | 2007.08.14 |
로그인 안되시는분들 참고 [8] | 화니478 | 2007.08.14 |
좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] | migojarad.myid.net | 2007.08.13 |
Mysql 4.0 버전에서 xe 설치해서 사용하기 [3] | amamamam.myid.net | 2007.08.13 |
서버에서 zeroboard XE 쉽게 다운로드 받고 업데이트 하기 [2] | Dr.Mabin | 2007.08.13 |
SVN 자료 바로바로 업데이트 해보자. [3] | DroArc | 2007.08.13 |
윈도우에서도 svn을 이용하자.. [2] | LSH5243 | 2007.08.13 |
제로보드 XE - 오토셋에 설치하기 [11] | 차오이 | 2007.08.11 |