테스트 사이트 - 개발 중인 베타 버전입니다

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

모노럴 1년 전 조회 2,092

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

 

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

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

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

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

모노럴
1년 전
감사합니다. ^^ 참고해서 한번 해볼게요.~~~ 즐건하루되세요.~
모노럴
1년 전
<table>
를 이용해서 각각의 최신글을 박스안에 넣어서 해결했습니다. ^^
제이앤
1년 전
다행입니다~^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인