게시판 주소: http://mulim.woweb.net/bbs/board.php?bo_table=B51
안녕하세요.
리스트 화면에 가로 2개 사진이 나타납니다. 그걸 가로 이미지 3개로 변경하고싶습니다.
<?phpinclude_once(G5_LIB_PATH.'/thumbnail.lib.php');// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);?> <!-- 게시판 목록 시작 { --><div id="bo_gall" style="width:<?php echo $width; ?>"> <?php if ($is_category) { ?> <nav id="bo_cate"> <h2><?php echo $board['bo_subject'] ?> 카테고리</h2> <ul id="bo_cate_ul"> <?php echo $category_option ?> </ul> </nav> <?php } ?> <div class="bo_fx"> <?php if ($rss_href || $write_href) { ?> <ul class="btn_bo_user"> <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01">RSS</a></li><?php } ?> <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?> <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?> </ul> <?php } ?> </div> <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post"> <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>"> <input type="hidden" name="sfl" value="<?php echo $sfl ?>"> <input type="hidden" name="stx" value="<?php echo $stx ?>"> <input type="hidden" name="spt" value="<?php echo $spt ?>"> <input type="hidden" name="page" value="<?php echo $page ?>"> <input type="hidden" name="sw" value=""> <?php if ($is_checkbox) { ?> <div id="gall_allchk"> 현재 페이지 게시물 전체 <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);"> </div> <?php } ?> <!-- like 데이터 조회 --> <ul id="gall_ul"> <?php for ($i=0; $i<count($list); $i++) { if($i>0 && ($i % $bo_gallery_cols == 0)) $style = 'clear:both;'; else $style = ''; if ($i == 0) $k = 0; $k += 1; if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;"; ?> <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:250px;"> <?php if ($is_checkbox) { ?> <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label> <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>"> <?php } ?> <span class="sound_only"> <?php if ($wr_id == $list[$i]['wr_id']) echo "<span class=\"bo_current\">열람중</span>"; else echo $list[$i]['num']; ?> </span> <ul class="gall_con"> <li class="gall_href" style='border:1px solid #cccccc'> <? $file = get_file($bo_table, $list[$i]['wr_id']); $file_path = $file[0]['path']."/".$file[0]['file']; ?> <a class="fancybox" rel="group" href="<?=$file_path?>"> <? $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "248px", $board['bo_gallery_height']); if($thumb['src']) { $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="248px" height="'.$board['bo_gallery_height'].'" style="">'; } else { $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>'; } echo $img_content; ?> </a> <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px"> <?php // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04 if ($is_category && $list[$i]['ca_name']) { ?> <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a> <?php } ?> </li> </ul> </li> <?php } ?> <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?> </ul> <?php if ($list_href || $is_checkbox || $write_href) { ?> <div class="bo_fx"> <?php if ($is_checkbox) { ?> <ul class="btn_bo_adm"> <li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li> <li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"></li> <li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"></li> </ul> <?php } ?> <?php if ($list_href || $write_href) { ?> <ul class="btn_bo_user"> <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?> <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?> </ul> <?php } ?> </div> <?php } ?> </form></div><??><input type="hidden" id="is_guest_check" value="<?=$member['mb_id']?>"> <?php if($is_checkbox) { ?><noscript><p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p></noscript><?php } ?><!-- 페이지 --><?php echo $write_pages; ?> <?php if ($is_checkbox) { ?><script>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 fboardlist_submit(f) { 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(document.pressed + "할 게시물을 하나 이상 선택하세요."); return false; } if(document.pressed == "선택복사") { select_copy("copy"); return; } if(document.pressed == "선택이동") { select_copy("move"); return; } if(document.pressed == "선택삭제") { if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다.")) return false; f.removeAttribute("target"); f.action = "./board_list_update.php"; } return true;}// 선택한 게시물 복사 및 이동function select_copy(sw) { var f = document.fboardlist; if (sw == 'copy') str = "복사"; else str = "이동"; 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> <?php } ?><!-- Add mousewheel plugin (this is optional) --><script type="text/javascript" src="<?=$board_skin_url?>/source/jquery.mousewheel-3.0.6.pack.js"></script><!-- Add fancyBox --><link rel="stylesheet" href="<?=$board_skin_url?>/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /><script type="text/javascript" src="<?=$board_skin_url?>/source/jquery.fancybox.pack.js?v=2.1.5"></script><!-- Optionally add helpers - button, thumbnail and/or media --><link rel="stylesheet" href="<?=$board_skin_url?>/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /><script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script><script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script><link rel="stylesheet" href="<?=$board_skin_url?>/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /><script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script><script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".fancybox").fancybox(); });</script><!-- } 게시판 목록 끝 -->
답변 4개 / 댓글 3개
대문을 보니... 구조를 많이 바꾸셨네요.
원본을 막 섞어버렸...
'wrapper'가 거꾸로 'container' 속으로 들어가버리고, 'main'이라는 것을 새로 만들었는데...
게시판은 원래의 소스와 수정한 스킨 소스 2곳의 영향을 받는...
다른 사람의 도움을 받기가 쉽지 않겠네요.
본문 내용중에 248px를 찾으셔서 248 이부분을 <?php echo $board['bo_gallery_width'] ?> 로 교체하시고 게시판 관리자에서 수정 해 보세요.
답변에 대한 댓글 2개
제가 사용하는 스킨에서는 가로 3줄로 출력 됩니다.
http://skin.apachezone.com/bbs/board.php?bo_table=01_4_3
소스보기 하셔서 둘다 비교해 보시는것도 좋은 방법이 될겁니다....^^
style.css
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
의 width를 수정하신 container 너비에 맞게 수정해 주어야 합니다.
그런데, 수정 방법 자체가 일차적으로 잘못된 것 같습니다.
위 본문에도 보면 px이 직접 입력된 곳이 3곳이나 됩니다.
원래는 자동출력 소스가 있어야 할 자리로 보입니다.
게시판 설정의 썸네일 크기 설정에 따라 자동으로 출력되게 프로그램 되어 있지요.
답변에 대한 댓글 1개
<div id="bo_gall" style="width:730px">
여기서 width 를 늘려 보세요.
답변을 작성하려면 로그인이 필요합니다.
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "<?php echo $board['bo_gallery_width'] ?>", $board['bo_gallery_height']);
이렇게 하라는 말씀인가요?