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

그누보드5 스킨

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

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

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

첨부파일

masonry.zip (11.3K) 167회 다운로드 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

댓글 전체

전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT