[시누이 님] 게시판 리스트 폭이 변하지 않습니다.
본문
아래 시누이 님의 갤러리 스킨을 사용하려 하는데, 게시판 사이즈를 조정을 했는데 이미지 출력부분은 조정이 안되는것 같습니다. 이미지 첨부하니 봐주십시오.ㅜㅜ
>>게시판 사이즈 변경하고 싶으시면 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
썸네일간의 띄어진 폭 넓이랑 썸네일 크기를 생각해보면 썸네일이 4줄로 나오기에는 자리가 비좁으니까
한줄에 4개로 하고싶으시면 썸네일크기나 폭을 줄여보시고 3개로 하고싶으시면 썸네일 크기를 키우고 가운데정렬줘서 맞추시면될거 같네요
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.