모바일 index 최신글(갤러리) 출력문제

모바일 index 최신글(갤러리) 출력문제

QA

모바일 index 최신글(갤러리) 출력문제

답변 1

본문

안녕하세요.~ 모바일 최신글 문의드립니다.~~~

 

<!-- 메인화면 최신글 시작 -->

<?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; /* 제목 정렬 */
}
 

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 61,301
© SIRSOFT
현재 페이지 제일 처음으로