[시누이 님] 게시판 리스트 폭이 변하지 않습니다.

[시누이 님] 게시판 리스트 폭이 변하지 않습니다.

QA

[시누이 님] 게시판 리스트 폭이 변하지 않습니다.

본문

아래 시누이 님의 갤러리 스킨을 사용하려 하는데, 게시판 사이즈를 조정을 했는데 이미지 출력부분은 조정이 안되는것 같습니다. 이미지 첨부하니 봐주십시오.ㅜㅜ
 
>>게시판 사이즈 변경하고 싶으시면 list.skin.php 파일 열어서 32 line 에
>>#gallerysection {margin: 0 auto; width: 687px;}
無題.jpg
 
아래는 리스트 소스입니다.
 
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 4;
//if ($is_category) $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";
?>
 

 <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;}
  .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_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>
 <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="">
 <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 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, '...');
    $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]}";
    $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 ($i == 0)
   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:right;">
   <? 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 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>
 </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_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>
 <!-- /컨텐츠 스크립 - 페이지 정렬, 팝업 -->
 
 <script type="text/javascript">
 if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
 if ('<?=$stx?>') {
  document.fsearch.sfl.value = '<?=$sfl?>';
  if ('<?=$sop?>' == 'and')
   document.fsearch.sop[0].checked = true;
  if ('<?=$sop?>' == 'or')
   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;
  for (var i=0; i<f.length; i++) {
   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;
  for (var i=0; i<f.length; i++) {
   if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
    chk_count++;
  }
  if (!chk_count) {
   alert(str + "할 게시물을 하나 이상 선택하세요.");
   return false;
  }
  return true;
 }
 // 선택한 게시물 삭제
 function select_delete() {
  var f = document.fboardlist;
  str = "삭제";
  if (!check_confirm(str))
   return;
  if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
   return;
  f.action = "./delete_all.php";
  f.submit();
 }
 // 선택한 게시물 복사 및 이동
 function select_copy(sw) {
  var f = document.fboardlist;
  if (sw == "copy")
   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>
 <? } ?>
 <!-- 게시판 목록 끝 -->

이 질문에 댓글 쓰기 :

답변 2

썸네일간의 띄어진 폭 넓이랑 썸네일 크기를 생각해보면 썸네일이 4줄로 나오기에는 자리가 비좁으니까 
한줄에 4개로 하고싶으시면 썸네일크기나 폭을 줄여보시고 3개로 하고싶으시면 썸네일 크기를 키우고 가운데정렬줘서 맞추시면될거 같네요 
답변을 작성하시기 전에 로그인 해주세요.
전체 125,873 | RSS
QA 내용 검색

회원로그인

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