모바일 index 최신글(갤러리) 출력문제
본문
안녕하세요.~ 모바일 최신글 문의드립니다.~~~
<!-- 메인화면 최신글 시작 -->
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('theme/basic', 'notice', 4, 40);
?>
<div class="li_gall">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
$options = array(
'thumb_width' => 400, // 썸네일 width
'thumb_height' => 350, // 썸네일 height
);
echo latest('theme/gallery', 'gallery', 6, 10, 1, $options);
?>
</div>
<!-- 메인화면 최신글 끝 -->
위 모바일index 최신글부분 소스인데요. 여기에 갤러리 최신글을 아래에 추가 하고 싶은데요.
gallery2를요.
<div class="li_gall">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
$options = array(
'thumb_width' => 300, // 썸네일 width
'thumb_height' => 250, // 썸네일 height
);
echo latest('theme/gallery', 'gallery2', 6, 10, 1, $options);
?>
</div>
위와 같이 추가를 해보았는데요. gallery, gallery2의 이미지는 겹쳐지지 않는데... 제목부분이 겹쳐지네요.
그래서 gallery의 이미지를 클릭할수가 없게 됩니다.
모바일 메인화면에 공지사항 그아래 gallery 그아래 gallery2를 넣고 싶습니다.
도움 부탁드립니다.~~ ^^
답변 1
아래의 코드를 참고해보시겠어요..
<!-- 메인화면 최신글 시작 -->
<?php
// 공지사항 최신글
echo latest('theme/basic', 'notice', 4, 40);
?>
<div class="li_gall">
<?php
// gallery 최신글
$options = array(
'thumb_width' => 400, // 썸네일 width
'thumb_height' => 350, // 썸네일 height
);
echo latest('theme/gallery', 'gallery', 6, 10, 1, $options);
?>
</div>
<div class="li_gall">
<?php
// gallery2 최신글
$options2 = array(
'thumb_width' => 300, // 썸네일 width
'thumb_height' => 250, // 썸네일 height
);
echo latest('theme/gallery', 'gallery2', 6, 10, 1, $options2);
?>
</div>
<!-- 메인화면 최신글 끝 -->
- CSS 수정
.li_gall {
margin-bottom: 20px; /* 갤러리 사이의 간격 조정 */
}
.li_gall h2 { /* 제목 스타일 */
margin-top: 10px; /* 제목 위쪽 여백 */
margin-bottom: 10px; /* 제목 아래쪽 여백 */
font-size: 1.5em; /* 제목 크기 조정 */
text-align: center; /* 제목 정렬 */
}