답변 3개
.gall_b_lt li:nth-child(4n) {clear:both}
네번째 이미지에 대한 규정이네요.
일곱번째 이미지에 대한 예외 규정도 추가해주면 될 듯 합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
<?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>
답변에 대한 댓글 1개
/* 사진 스킨 (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}
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인