갤러리 최신글 정렬

갤러리 최신글 정렬

QA

갤러리 최신글 정렬

본문

3067358271_1555996281.5314.jpg

 

 

최신글인데 6개는 괜찮았는데 노출 숫자를 9개로 늘리니까 저렇게 되네요..ㅠㅠ

어떻게 해야될까요?ㅠㅠ

이 질문에 댓글 쓰기 :

답변 3

.gall_b_lt li:nth-child(4n) {clear:both}

 

네번째 이미지에 대한 규정이네요.

일곱번째 이미지에 대한 예외 규정도 추가해주면 될 듯 합니다.

소스나 css 문제일거라서 해당 이미지만 보고는 조언 받기는 힘들어보시이네요

 

스킨을 받으신거면 스킨 주소나 홈페이지 주소를 올려보시면 도움 받기 좀더 쉬우실겁니다.

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 250;
$thumb_height = 250;
?>

<div class="gall_b_lt">
    <h2 class="lat_title"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject ?></a></h2>
    <ul>
    <?php
    for ($i=0; $i<count($list); $i++) {
    $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);

    if($thumb['src']) {
        $img = $thumb['src'];
    } else {
        $img = G5_IMG_URL.'/no_img.png';
        $thumb['alt'] = '이미지가 없습니다.';
    }
    $img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
    ?>
    <li>
     <div class="pic_inner">
            <a href="<?php echo $list[$i]['href'] ?>" class="lt_img">
             <?php echo $img_content; ?>
             <span class="more">자세히</span>
            </a>
            <?php
            echo "<a href=\"".$list[$i]['href']."\" class=\"all_b_tit\"> ";
            if ($list[$i]['is_notice'])
                echo "<span>".$list[$i]['subject']."</span>";
            else
                echo $list[$i]['subject'];

            echo "</a>";
            ?>
            <div class="lat_detail">
             <?php echo get_text(strip_tags($list[$i]['wr_content']), 100); ?>
            </div>
        </div>
    </li>
    <?php }  ?>
    <?php if (count($list) == 0) { //게시물이 없을 때  ?>
    <li class="empty_li">게시물이 없습니다.</li>
    <?php }  ?>
    </ul>
</div>

@charset "utf-8";

/* 사진 스킨 (latest) */
.gall_b_lt {position:relative;text-align:center}
.gall_b_lt .lat_title {margin-bottom:60px}
.gall_b_lt .lat_title a {font-size:2.4em;text-align:left;padding-bottom:10px;margin-bottom:10px;position:relative}

.gall_b_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.gall_b_lt ul {clear:both;display:inline-block}
.gall_b_lt li {float:left;width:250px;margin:0 58px 60px;text-align:center}
.gall_b_lt li:nth-child(4n) {clear:both}
.gall_b_lt li .pic_inner {text-align:center}
.gall_b_lt li .lt_img {position:relative;margin-bottom:20px;border-radius:50%;display:block}
.gall_b_lt li .lt_img img {min-width:250px;width:100%;min-height:250px;height:auto;border-radius:50%}
.gall_b_lt li .lt_img .more {display:none;background:url(./img/li_hover_bg.png) repeat;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:1.8em;font-family:'Nanum Square';line-height:250px;border-radius:50%;text-align:center}
.gall_b_lt li .lt_img .more:before {content:"";display:inline-block;position:absolute;left:0;top:125px;width:30px;height:2px;background:#fff}
.gall_b_lt li .lt_img .more:after {content:"";display:inline-block;position:absolute;right:0;top:125px;width:30px;height:2px;background:#fff}
.gall_b_lt li .lt_img:hover .more {display:block}
.gall_b_lt li .all_b_tit {display:inline-block;margin-bottom:5px;font-weight:bold;color:#3464bc;font-size:1.6em;font-family:'Nanum Square'}
.gall_b_lt li .lat_detail {height:20px;overflow:hidden;font-weight:bold;color:#000;font-size:1.6em;font-family:'Nanum Square'}

.gall_b_lt .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.gall_b_lt .empty_li:before {background:none;padding:0}

.gall_b_lt .lt_cmt {color:#4493fe}

답변을 작성하시기 전에 로그인 해주세요.
전체 123,157
QA 내용 검색

회원로그인

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