아래 시누이 님의 갤러리 스킨을 사용하려 하는데, 게시판 사이즈를 조정을 했는데 이미지 출력부분은 조정이 안되는것 같습니다. 이미지 첨부하니 봐주십시오.ㅜㅜ
>>게시판 사이즈 변경하고 싶으시면 list.skin.php 파일 열어서 32 line 에
>>#gallerysection {margin: 0 auto; width: 687px;}
>>#gallerysection {margin: 0 auto; width: 687px;}

아래는 리스트 소스입니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 4;
$colspan = 4;
//if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
// 불당썸
include_once($board_skin_path ."/thumb.lib.php");
$img_width = "152"; $img_height = "350";
$water_mark = array();
$water_mark["filename"] = $board_skin_path ."/img/logo4_wetoz.png";
$water_mark["location"] = "center";
$water_mark["x"] = "0";
$water_mark["y"] = "0";
?>
$water_mark["filename"] = $board_skin_path ."/img/logo4_wetoz.png";
$water_mark["location"] = "center";
$water_mark["x"] = "0";
$water_mark["y"] = "0";
?>
<style>
#gallerysection figure,
#gallerysection figcaption {margin: 0; padding: 0;}
/* gallery */
#gallerysection {margin: 0 auto; width: 780px;}
#gallerysection .sortlist {}
#gallerysection .sortlist .sortbox {display: block; margin-bottom: 13px; border: 1px solid #b9c695;}
#gallerysection .sortlist .iner {padding: 5px;}
#gallerysection .sortlist a {color: #666666;}
#gallerysection .sortlist a:hover {color: #ea6f0b;}
#gallerysection .sortlist a img {width: 150px; border: 1px solid #e6dede;}
#gallerysection .sortlist a img:hover {border: 1px solid #ea6f0b;}
#gallerysection .sortlist a .caption {padding: 5px 0 0 0;font-size:13px;}
#gallerysection .sortlist a .caption:hover {padding: 5px 0 0 0;font-size:13px;}
#gallerysection {margin: 0 auto; width: 780px;}
#gallerysection .sortlist {}
#gallerysection .sortlist .sortbox {display: block; margin-bottom: 13px; border: 1px solid #b9c695;}
#gallerysection .sortlist .iner {padding: 5px;}
#gallerysection .sortlist a {color: #666666;}
#gallerysection .sortlist a:hover {color: #ea6f0b;}
#gallerysection .sortlist a img {width: 150px; border: 1px solid #e6dede;}
#gallerysection .sortlist a img:hover {border: 1px solid #ea6f0b;}
#gallerysection .sortlist a .caption {padding: 5px 0 0 0;font-size:13px;}
#gallerysection .sortlist a .caption:hover {padding: 5px 0 0 0;font-size:13px;}
.board_top { clear:both; font-size:13px; color:#666666;}
.board-list-pagination { text-align: center; padding: 10px; color: #666666; font-weight: bold; font-size:13px;}
.board-list-pagination a { padding: 5px 7px; border: 1px solid #b9c695; background: #ffffff; color: #666666; border-radius: 5px; }
.board-list-pagination .now { padding: 5px 7px; border: 1px solid #b9c695; background: #ffffff; color: #cccccc; border-radius: 5px; text-decoration:underline; }
.board-list-pagination .pagenow, .board-list-pagination a:hover { border-color: #ea6f0b; background-color: #ea6f0b; color: #FFFFFF; text-decoration: none; }
.board-list-pagination a { padding: 5px 7px; border: 1px solid #b9c695; background: #ffffff; color: #666666; border-radius: 5px; }
.board-list-pagination .now { padding: 5px 7px; border: 1px solid #b9c695; background: #ffffff; color: #cccccc; border-radius: 5px; text-decoration:underline; }
.board-list-pagination .pagenow, .board-list-pagination a:hover { border-color: #ea6f0b; background-color: #ea6f0b; color: #FFFFFF; text-decoration: none; }
.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:17px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; outline-style:none; }
</style>
.board_search .stx { height:17px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; outline-style:none; }
</style>
<script type='text/javascript' src='<?=$board_skin_path?>/jquery.tools.min.js'></script>
<script type='text/javascript' src='<?=$board_skin_path?>/jquery.masonry.min.js'></script>
<form name="fboardlist" method="post">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sfl" value="<?=$sfl?>">
<input type="hidden" name="stx" value="<?=$stx?>">
<input type="hidden" name="spt" value="<?=$spt?>">
<input type="hidden" name="page" value="<?=$page?>">
<input type="hidden" name="sw" value="">
<script type='text/javascript' src='<?=$board_skin_path?>/jquery.masonry.min.js'></script>
<form name="fboardlist" method="post">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sfl" value="<?=$sfl?>">
<input type="hidden" name="stx" value="<?=$stx?>">
<input type="hidden" name="spt" value="<?=$spt?>">
<input type="hidden" name="page" value="<?=$page?>">
<input type="hidden" name="sw" value="">
<section id="gallerysection">
<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<div class="board_top">
<div style="float:left;">
<form name="fcategory" method="get" style="margin:0px;">
<? if ($is_category) { ?>
<select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</form>
</div>
<div style="float:right;">
<img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
<span style="color:#666666; font-weight:bold;">Total <?=number_format($total_count)?></span>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?>
<INPUT onclick="if (this.checked) all_checked(true); else all_checked(false);" type=checkbox> 전체선택
<a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div>
</div>
<div class="board_top">
<div style="float:left;">
<form name="fcategory" method="get" style="margin:0px;">
<? if ($is_category) { ?>
<select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</form>
</div>
<div style="float:right;">
<img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
<span style="color:#666666; font-weight:bold;">Total <?=number_format($total_count)?></span>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?>
<INPUT onclick="if (this.checked) all_checked(true); else all_checked(false);" type=checkbox> 전체선택
<a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div>
</div>
<div style="clear:both;height:6px;"></div>
<div class="sortlist">
<ul>
<?
for ($i=0; $i<count($list); $i++)
{
$title = "자세히보기";
$subject = cut_str(get_text($list[$i][subject]), 20, '...');
<ul>
<?
for ($i=0; $i<count($list); $i++)
{
$title = "자세히보기";
$subject = cut_str(get_text($list[$i][subject]), 20, '...');
$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);
if (!file_exists($img) || !$list[$i][file][0][file]) {
$thumbimg = "$board_skin_path/img/noimages.jpg";
}
else {
$thumbimg = thumbnail($img, $img_width, $img_height, false, 0, 100, 1, $water_mark);
}
$href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
$view_href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
if ($is_admin)
$view_href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
if (!file_exists($img) || !$list[$i][file][0][file]) {
$thumbimg = "$board_skin_path/img/noimages.jpg";
}
else {
$thumbimg = thumbnail($img, $img_width, $img_height, false, 0, 100, 1, $water_mark);
}
$href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
$view_href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
if ($is_admin)
$view_href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}";
$checkbox = "";
if ($is_checkbox)
$checkbox = "<input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'>";
?>
<li class="sortbox">
<div class="iner">
<a href="<?=$view_href?>">
<figure>
<img src="<?=$thumbimg?>" alt="<?=$title?>" />
<figcaption class="caption"><?=$checkbox?><?=$subject?><br /><time pubdate class="pubdate"><?=$list[$i][datetime]?></time></figcaption>
</figure>
</a>
</div>
</li><!-- .sortbox -->
<?
}
if ($is_checkbox)
$checkbox = "<input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'>";
?>
<li class="sortbox">
<div class="iner">
<a href="<?=$view_href?>">
<figure>
<img src="<?=$thumbimg?>" alt="<?=$title?>" />
<figcaption class="caption"><?=$checkbox?><?=$subject?><br /><time pubdate class="pubdate"><?=$list[$i][datetime]?></time></figcaption>
</figure>
</a>
</div>
</li><!-- .sortbox -->
<?
}
if ($i == 0)
echo "<li class='sortbox' style='width:100%;text-align:center;'><div class='iner'><figure><figcaption>게시물이 없습니다.</figcaption></figure></div></li>";
?>
</ul>
</div><!-- .sortlist -->
echo "<li class='sortbox' style='width:100%;text-align:center;'><div class='iner'><figure><figcaption>게시물이 없습니다.</figcaption></figure></div></li>";
?>
</ul>
</div><!-- .sortlist -->
<div class="board_button">
<div style="float:left;">
<? if ($list_href) { ?>
<a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align="absmiddle" border='0'></a>
<? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align="absmiddle" border='0'></a>
<? } ?>
</div>
<div style="float:left;">
<? if ($list_href) { ?>
<a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align="absmiddle" border='0'></a>
<? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align="absmiddle" border='0'></a>
<? } ?>
</div>
<div style="float:right;">
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a><? } ?>
</div>
</div>
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a><? } ?>
</div>
</div>
<div style="clear:both;height:4px;"></div>
<!-- 페이지 -->
<div class="board-list-pagination">
<?
if ($prev_part_href) { echo "<a href='$prev_part_href'>이전검색</a>"; }
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<span class='now'>$1</span>", $write_pages);
$write_pages = str_replace(" ", " ", $write_pages);
$write_pages = str_replace(" ", " ", $write_pages);
echo $write_pages;
if ($next_part_href) { echo "<a href='$next_part_href'>다음검색</a>"; }
?>
</div>
<div class="board-list-pagination">
<?
if ($prev_part_href) { echo "<a href='$prev_part_href'>이전검색</a>"; }
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<span class='now'>$1</span>", $write_pages);
$write_pages = str_replace(" ", " ", $write_pages);
$write_pages = str_replace(" ", " ", $write_pages);
echo $write_pages;
if ($next_part_href) { echo "<a href='$next_part_href'>다음검색</a>"; }
?>
</div>
<div style="clear:both;height:4px;"></div>
<!-- 검색 -->
<div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject||wr_content">제목+내용</option>
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<select class="sop" name="sop">
<option value="and">and</option>
<option value="or">or</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
</form>
</div>
<div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject||wr_content">제목+내용</option>
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<select class="sop" name="sop">
<option value="and">and</option>
<option value="or">or</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
</form>
</div>
</section>
</form>
<script type="text/javascript">
var $container = $('.sortlist');
$(function(){
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.sortbox',
columnWidth : 229,
isFitWidth: true,
isAnimated : false
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_square',slideshow:20000, autoplay_slideshow: true});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'fast',slideshow:10000});
$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
changepicturecallback: function(){ initialize(); }
});
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
changepicturecallback: function(){ initialize(); }
});
$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
custom_markup: '<div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
changepicturecallback: function(){ _bsap.exec(); }
});
});
</script>
<!-- /컨텐츠 스크립 - 페이지 정렬, 팝업 -->
custom_markup: '<div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
changepicturecallback: function(){ _bsap.exec(); }
});
});
</script>
<!-- /컨텐츠 스크립 - 페이지 정렬, 팝업 -->
<script type="text/javascript">
if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
if ('<?=$stx?>') {
document.fsearch.sfl.value = '<?=$sfl?>';
if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
if ('<?=$stx?>') {
document.fsearch.sfl.value = '<?=$sfl?>';
if ('<?=$sop?>' == 'and')
document.fsearch.sop[0].checked = true;
document.fsearch.sop[0].checked = true;
if ('<?=$sop?>' == 'or')
document.fsearch.sop[1].checked = true;
} else {
document.fsearch.sop[0].checked = true;
}
</script>
document.fsearch.sop[1].checked = true;
} else {
document.fsearch.sop[0].checked = true;
}
</script>
<? if ($is_checkbox) { ?>
<script type="text/javascript">
function all_checked(sw) {
var f = document.fboardlist;
<script type="text/javascript">
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
function check_confirm(str) {
var f = document.fboardlist;
var chk_count = 0;
var f = document.fboardlist;
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(str + "할 게시물을 하나 이상 선택하세요.");
return false;
}
return true;
}
alert(str + "할 게시물을 하나 이상 선택하세요.");
return false;
}
return true;
}
// 선택한 게시물 삭제
function select_delete() {
var f = document.fboardlist;
function select_delete() {
var f = document.fboardlist;
str = "삭제";
if (!check_confirm(str))
return;
if (!check_confirm(str))
return;
if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
return;
return;
f.action = "./delete_all.php";
f.submit();
}
f.submit();
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
function select_copy(sw) {
var f = document.fboardlist;
if (sw == "copy")
str = "복사";
else
str = "이동";
if (!check_confirm(str))
return;
str = "복사";
else
str = "이동";
if (!check_confirm(str))
return;
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2014-02-04 (화) 15:16:07
썸네일간의 띄어진 폭 넓이랑 썸네일 크기를 생각해보면 썸네일이 4줄로 나오기에는 자리가 비좁으니까
한줄에 4개로 하고싶으시면 썸네일크기나 폭을 줄여보시고 3개로 하고싶으시면 썸네일 크기를 키우고 가운데정렬줘서 맞추시면될거 같네요
답변에 대한 댓글 1개
2014-02-04 (화) 15:22:51
2018-11-03 (토) 19:23:29
많은 도움이 되었습니다. 감사합니다.
답변을 작성하려면 로그인이 필요합니다.
폭을 줄여도 키워도 안됩니다. <div class="sortlist">이 부분이 780px로 설정이 안되고 있습니다.