최근 게시물(갤러리) 여러단 쌓기, 이미지 간격... 채택완료

저 최신글 썸네일을 좀 더 다닥다닥 붙이고 여러단으로 늘리고 싶은데요
그누보드 5.4의 기본 최신글 스킨을 가지고 아무리 건드려봐도 안되네요.
일단 css 및 최신글스킨 코드를 올립니다.
자세하게 알려주시면 더 좋지만 간단하게라도 알려주시면 제가 더 해보겠습니다.
답변 부탁드려요.
</p>
<p>@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative;text-align: center;overflow:hidden;border: 0px solid #c6cacc;background:#fff; }</p>
<p>.pic_lt ul:after {display:inline-block; visibility:hidden;clear:both;content:""}
.pic_lt ul{padding:20px 15px; display:inline-block;}
.pic_lt li{padding:10px 10px; display:inline-block;}
.pic_lt li .bo_tit{display:block;color:#000;font-size:1.383em; }</p>
<p>-webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);} </p>
<p>.pic_lt .lt_date{display:block;margin-top:5px;color: #888;}
</p>
<p> </p>
<p><?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>
<p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 220;
$thumb_height = 220;
?></p>
<p><style>
.pic_lt ul:after {display:inline-block; visibility:hidden;clear:both;content:""}
.pic_lt ul{padding: 20px 15px; display:inline-block;}
.pic_lt li{padding: 0 10px; display:inline-block;}</p>
<p></style></p>
<p><div class="pic_lt">
<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);</p>
<p> if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" width="100%">';
?>
<li style=" padding:0 55px; text-align:center; font-size:14px">
<span class="lt_img"><?php echo $img_content; ?></span>
<span>
<?php if($is_admin) { ?>
<a href="<?php echo $list[$i]['href'] ?>">
<?php } ?>
<?php echo $list[$i]['subject'] ?>
<?php if($is_admin) { ?>
</a>
<?php } ?>
</span>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
</ul>
</div>
</p>
<p> </p>
<p> </p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
5년 전
그누보드에서는 css 가 캐시 설정이 되어 있기 때문에, css 수정사항이 변경되지 않는 경우가 많습니다.
css 파일 수정후에는,
/extend/version.extend.php 에서 css 버전 번호를 갱신해 주어야 됩니다. ex. 20200907
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
5년 전
어떤 스킨인지 모르겠지만
최근글 스킨이면 가로 갯수를 늘리면
그에 맞게 폭이 줄어들면서 정렬이 될거에요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택