masonry를 활용한 최신글 스킨입니다. > 그누보드5 스킨

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

masonry를 활용한 최신글 스킨입니다. 정보

최신글 masonry를 활용한 최신글 스킨입니다.

첨부파일

masonry.zip (11.3K) 170회 다운로드 2019-06-05 16:09:42 포인트 차감50

본문

pc에선 3줄, 모바일에선 2줄로 조정됩니다.

자세한건 링크와 스크린샷을 참고해주세요

사용법은

 


<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>

로 해주시면 됩니다.

 

 

데모 사이트와 같게 하고 싶다면 아래의 소스를 참조해주세요


<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>
추천
20
  • 복사
#PC용 #모바일용 #반응형

댓글 전체

목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로