채택완료

썸네일이미지 세로배열을 가로배열로 바꾸고 싶습니다

2015-06-10 (수) 17:52:12 3,906
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=5987&sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC

만두야닷컴님이 찾아주신 스킨입니다. 작은 썸네일이미지를 배열을 가로로 바꾸고 싶은데 소스를 어떻게 고쳐야할까여?

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2015-06-10 (수) 18:20:45

테스트게시판 : http://webfreezone.kr/bbs/board.php?bo_table=test

가로 1000px 일 때 5개 정도가 딱 보기 좋을거 같네요

게시판 설정에서 페이지당 목록수는 조정하세요..

list.skin.php 을 아래걸로 수정

Copy
<?phpif (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가include_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 style='margin:0 auto;'>	    	    <div style='text-align: center;border: 1px solid #e9e9e9;padding: 20px;'>	    	<?	    			    		$view_num = $_REQUEST['view_num'];	    			    		if($view_num == ''){		    		$view_num = 0;	    		}	    			    		$main_wr_id = $list[$view_num]['wr_id'];	    			    		$sql = "select * from g5_write_$bo_table where wr_id='".$main_wr_id."'";	    			    		$query = mysql_query($sql);	    			    		$item = mysql_fetch_array($query);	    			    		$wr_content = $item['wr_content'];	    			    			    		$p_page = $page - 1;	    		$n_page = $page + 1;	    		if($p_page <= 0){		    		$p_page = 1;	    		}	    			    		if($n_page > $total_page){		    		$n_page = $total_page;	    		}	    	?>	    	<br>	    	<span style='font-size:24px'><strong><?=$item['wr_subject']?></strong></span><br><br>	    	<div id="bo_v_con"><?php echo get_view_thumbnail($wr_content); ?></div>	    	<?if($is_admin){?>	    	<div style='text-align:right'>				<a href="/bbs/board.php?bo_table=<?=$bo_table?>&wr_id=<?=$main_wr_id?>">[수정]</a>	    	</div>	    	<?}?>		     		     	    </div>	    	    	    <div style='margin:0 auto; text-align:center; width:100%'>			<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" style='margin: 10px;padding: 10px;text-align: right;'>			        현재 페이지 게시물 전체 <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">			    </div>			    <?php } ?>			    			    <ul id="gall_ul" style='text-align: center;'>		        		        <?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:<?php echo $board['bo_gallery_width'] ?>px; ">		            <?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" style='margin-top: 10px;'>		                <li class="gall_href" style='border:1px solid #333'>		                	<? 		                		$href = basename($_SERVER["PHP_SELF"])."?bo_table=".$bo_table."&view_num=".$i."&page=".$page; // 현재 페이지 		                	?>		                    <a href="<?=$href?>">		                    <?php		                        $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);				                        if($thumb['src']) {		                            $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="168px" height="'.$board['bo_gallery_height'].'">';		                        } else {		                            $img_content = '<span style="width:168px;height:'.$board['bo_gallery_height'].'px">no image</span>';		                        }				                        echo $img_content;		                   		                     ?>		                    </a>		                </li>		                <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">		                    <a href="<?php echo $list[$i]['href'] ?>">		                        <?php echo $list[$i]['subject'] ?>		                    </a>		                </li>		                		            </ul>		        </li>		        <?php } ?>		        <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>		    </ul>			     			     			</form>	    		    		    		    	<div style="margin:0 auto;">	    		<div style="display:inline-block; margin:0 20px"><a href="<?=basename($_SERVER["PHP_SELF"])."?bo_table=".$bo_table."&page=".$p_page; ?>"><img src="<?=$board_skin_url?>/img/gr_icon01.png" style='width:20px'></a></div>				<div style="display:inline-block; margin:0 20px"><a href="<?=basename($_SERVER["PHP_SELF"])."?bo_table=".$bo_table."&page=".$n_page; ?>"><img src="<?=$board_skin_url?>/img/gr_icon02.png" style='width:20px'></a></div>	    	</div>	    	<br>	    			  		</div>							        </div>            <div style='float:left;width:100%'>    	<?php	    	// 코멘트 입출력	    	$wr_id = $main_wr_id;	    	include_once('./view_comment.php');	    ?>    </div>    	             </form>  	<?php if ($list_href || $is_checkbox || $write_href) { ?>    <div class="bo_fx" style='float: left;width: 100%;'>        <?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 } ?>        <?php if($is_checkbox) { ?><noscript><p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p></noscript><?php } ?>  <?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 } ?><!-- } 게시판 목록 끝 -->

style.css 파일에서 내용중에 아래 내용을 찾아서아래걸로 수정

Copy
#bo_gall .gall_li {display:inline-block;margin:0 10px}

답변에 대한 댓글 1개

2015-06-10 (수) 23:59:58
정말 귀찮을수도 있으셨을텐데 감사합니다. 덕분에 해결 잘 되었습니다. 진심으로 감사합니다.^^
2015-06-10 (수) 18:12:53

해당 스킨 게시글에 댓글로 질문하시는게 제작자분이 바로 확인 가능해서 빠를겁니다.

여기에 올리면 해당 스킨을 다 설치해보고 내용 확인하고....

귀차니즘 없는분들이야 답변 해주시겟지만;;; 대부분이.... 

답변을 작성하려면 로그인이 필요합니다.