모바일 메인페이지에 게시판이 이렇게 깨져보여요ㅠㅠ

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
모바일 메인페이지에 게시판이 이렇게 깨져보여요ㅠㅠ

QA

모바일 메인페이지에 게시판이 이렇게 깨져보여요ㅠㅠ

답변 2

본문

안녕하세요. 도움 부탁드립니다.

 

모바일 메인화면에 게시판들 여러개를 뜨게 해놨는데

글이 있는 게시판은 저렇게 글자수만큼만 보이고,

글이 없는 게시판은 한줄에 세개씩 보입니다.

글이 있든 없든 한줄에 한 게시판 또는 두개의 게시판만 보이게끔 고정해놓을수있나요?

 

3555378818_1732718904.8639.jpg

 

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 
include_once(G5_THEME_MOBILE_PATH.'/head.php');
include_once(G5_THEME_LIB_PATH.'/new_lastest.lib.php');
 
add_javascript('<script src="'.G5_THEME_JS_URL.'/swiper.min.js"></script>', 10);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_JS_URL.'/swiper.min.css">', 0);
 
?>
 
<!--메인이미지-->
 
<div class="main_bn_box swiper-container">
    <ul class="main_bn_ul swiper-wrapper">
        <li class="swiper-slide">
            <div class="bn_img">
                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner_2.png" alt="메인베너" />
            </div>
        </li>
        <li class="swiper-slide">
            <div class="bn_img">
                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner_3.png" alt="메인베너" />
            </div>
        </li>
        <li class="swiper-slide">
            <div class="bn_img">
                <img src="<?php echo G5_THEME_IMG_URL ?>/welcome2.png" alt="메인베너" />
            </div>
        </li>
       
    </ul>  
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>
 
<script>
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true
});
</script>
<!--} 메인배너 끝-->

 
<div class="latest_wr">
<!-- 최신글 시작 { -->
    <?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 ('levelup', 'guest_qa') ";     //공지사항과 갤러리 게시판은 제외
    $sql .= " order by b.gr_order, a.bo_order ";
    $result = sql_query($sql);
    for ($i=0; $row=sql_fetch_array($result); $i++) {
        $lt_style = '';
        if ($i%3 !== 0 ) $lt_style = "margin-left:2%";
    ?>
    <div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
        <?php
        // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
        // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
        // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
        echo latest('theme/basic', $row['bo_table'], 12, 25);
        ?>
    </div>
    <?php
    }
    ?>
    <!-- } 최신글 끝 -->
</div>

 
<?php
include_once(G5_THEME_MOBILE_PATH.'/tail.php');
?>

 

mobile의 index.php 소스입니다.

부탁드립니다.

이 질문에 댓글 쓰기 :

답변 2

echo latest('theme/basic', $row['bo_table'], 12, 25);

여기보시면 해당스킨을 호출을 하고있습니다.

그렇면 latest basic 스킨에서 이를 수정을 해주셔야  올바르지않을까요?

물론 메인에서css 로인해서 커스텀이 가능합니다. 하지만 이는 제안적인 부분이니 더꼼곰하게 처리하실려면  해당스킨에서 복사 해서 커스텀 하시길 권장드립니다.

 

작업순서

첫재 basic 스킨명을 apt 바꾸시구요

둘째 해당스킨에 가셔서 기본 베이직 스킨을 복사를 해서 apt 다른이름으로 일단 변경하세요

셋째 apt 스킨에서 그렇면 해당요소 스타일 css 커스텀마이징을 해주셔야 합니다. 예를 들어 스케일을 50프로씩 나눠 줘야한다던지 기타 여분 및 글제한수등등 수정을 원하는데로 css 수정을 해주셔야할것 같습니다.

 

이작업이 힘드시면 제작의뢰에 맞겨서 해결해보시기 바랍니다. 말잘하시면 그냥 도 해드릴분들이 많이 있을거에요 의뢰해보시기 바랍니다.

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