masonry를 활용한 최신글 스킨입니다.
pc에선 3줄, 모바일에선 2줄로 조정됩니다.
자세한건 링크와 스크린샷을 참고해주세요
사용법은
[code]
<div class="latest_masonry" style="width:100%;">
<?php
echo latest('theme/masonry', 'free' 6, 24);
?>
<script src="//masonry.desandro.com/masonry.pkgd.min.js"> </script>
<script>
$(document).ready(function() {
$('.latest_masonry').masonry({
itemSelector: '.lat_masonry',
//horizontalOrder: true,
});
});
</script>
</div>
[/code]
로 해주시면 됩니다.
데모 사이트와 같게 하고 싶다면 아래의 소스를 참조해주세요
[code]
<div class="latest_masonry" style="width:100%;">
<?php
// 최신글
$sql = " select bo_table
from `{$g5['board_table']}` a left join `{$g5['group_table']}` b on (a.gr_id=b.gr_id)
where a.bo_device <> 'mobile' ";
if(!$is_admin)
{
$sql .= " and a.bo_use_cert = '' ";
}
$sql .= " and a.bo_table not in ('notice', 'gallery')"; //공지사항과 갤러리 게시판은 제외
$sql .= " order by b.gr_order, a.bo_order ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('theme/masonry', $row['bo_table'], 6, 24);
?>
<?php
}
?>
</div>
<script src="//masonry.desandro.com/masonry.pkgd.min.js"> </script>
<script>
$(document).ready(function() {
$('.latest_masonry').masonry({
itemSelector: '.lat_masonry',
//horizontalOrder: true,
});
});
</script>
[/code]
첨부파일
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 25개
감사합니다.
테스트해봐야겠네요.
감사합니다!