갤러리 질문 입니다. 채택완료

</p>

<p><?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>

<p>$imgwidth = 170; //표시할 이미지의 가로사이즈

$imgheight = 140; //표시할 이미지의 세로사이즈

?></p>

<p><style>

#box1 {background-image: url("img/infinity_gallery.png");}

.n2_7_title_wrap {width:980; height:39px;padding-top:0px; border:1px solid #ccc}

.n2_7_title a:link, .n2_7_title a:visited, .n2_7_title a:active, .n2_7_title a:hover {float:left; text-decoration:none; padding-left:0px; white-space:nowrap; font:bold 12px gulim, dotum; color:#222; line-height:27px}

.n2_7_icon {float:left; margin-left:5px; height:19px}

.n2_7_right_wrap {float:right; padding-top:9px; padding-right:7px;}</p>

<p>#border {border:1px solid #000;height:250px;}</p>

<p>

#oneshot_2_7 { position:relative;margin:0 0 0 -2px;}

#oneshot_2_7 .la_title{position:absolute; left:0; top:0; z-index:100; background:#000; padding:0px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

#oneshot_2_7 .img_set{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px; border:0px solid #eaeaea; background-color:#f8f8f8;padding:0;}

#oneshot_2_7 .subject_set{width:<?php echo $imgwidth - 12 ?>px; height:58px; padding:8px/*제목높이간격*/ 10px 10px 1px/*왼쪽간격*/; z-index:1; bottom:0; left:0;}</p>

<p>#oneshot_2_7 .subject_set .sub_title{

text-decoration:none;

overflow:hidden;

height:20px;

padding-top:3px;

/*line-height:30px;*/

}</p>

<p>#oneshot_2_7 .subject_set .sub_title a:link, #oneshot_2_7 .subject_set .sub_title a:visited, #oneshot_2_7 .subject_set .sub_title a:active, #oneshot_2_7 .subject_set .sub_title a:hover{

margin-left:7px;

font-weight:bold;

font-family:나눔고딕;

font-size:12px;

color:#222;

}</p>

<p>#oneshot_2_7 .subject_set .sub_content{

margin-top:10px;

margin-left:7px;

padding-top:7px;

height:30px;

overflow:hidden;

font-size:12px;

font-family:Dotum,Verdana,Arial;

color:#666; 

line-height:18px;</p>

<p>border-top:2px dotted #000;

}</p>

<p>

#oneshot_2_7 .subject_set .dotted{

height:5px;

}</p>

<p>#oneshot_2_7 .subject_set .sub_datetime{

margin-left:7px;

padding-top:3px;

font-size:12px;

font-family:Dotum,Verdana,Arial;

color:#999; 

line-height:28px

}</p>

<p>#oneshot_2_7 ul {list-style:none;clear:both;margin:0;padding:0;}

/*이미지 좌우간격*/

#oneshot_2_7 li {list-style:none;float:left;text-decoration:none;padding:0px 8px 0px 7px}</p>

<p>

.bubble_b {

padding: 6px;

background:#E9E9E9;

3

border-top-left-radius: 4px;

border-top-right-radius: 4px;

border-bottom-right-radius: 4px;

border-bottom-left-radius: 4px;'

}</p>

<p>.bubble 

{</p>

<p>position: relative;

/*width: 265px;

height: 120px;

padding: 0px;

background: #FFFFFF;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

border: #7F7F7F solid 1px;*/</p>

<p>}</p>

<p>

.bubble:after 

{

content: '';

position: absolute;

border-style: solid;

/*화살표크기*/

border-width: 0 5px 8px;

/*배경칼라*/

border-color: #E9E9E9 transparent;

display: block;

width: 0;

z-index: 1;

/*화살표 배경크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/

top: -10px;

left: 20px;

}</p>

<p>.bubble:before 

{

content: '';

position: absolute;

border-style: solid;

/*화살표크기*/

border-width: 0 5px 8px;

/*라인칼라///박스칼라보다 더 강해야 비슷하게 보임*/

border-color: #CECECE transparent;

display: block;

width: 0;

z-index: 0;

/*화살표 라인크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/

top: -11px;

left: 20px;

}</p>

<p>/* 폰트불러오기 */

@font-face {font-family:'NanumBarunGothic';src: url('<?php echo $latest_skin_url ?>/NanumBarunGothic.eot');}

@font-face {font-family:'NanumGothic';src: url('<?php echo $latest_skin_url ?>/NanumGothic.eot');}</p>

<p></style>

<div id="oneshot_2_7"></p>

<p><!--

<div class="la_title">

<?php echo $bo_subject ?>

</div>

 -->

<ul>

<?php for ($i=0; $i<count($list); $i++) { ?></p>

<p><li></p>

<p><div style="position:relative"></p>

<p><div id="quick" style="position: absolute; z-index: 2; top: -5px; left: 5px; width: 50px; ">

<?php

if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];

?>

</div></p>

<p></div></p>

<p><!--/////////////////배경이미지/////////////-->

<div id="box1">

<div class="img_set">

<a href="<?php echo $list[$i]['href'] ?>">

<?php                

$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);                                    

if($thumb['src']) {

$img_content = '<img class="img_left" src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$imgwidth.'" height="'.$imgheight.'">';</p>

<p>} else {

$img_content = 'NO IMAGE';

}                

echo $img_content;                                                               

?>

</a>

</div>

        </p>

<p><div class="subject_set">

<div class="sub_title">            

<a href="<?php echo $list[$i]['href'] ?>"><?php echo cut_str($list[$i]['subject'], 36, "..") ?></a></div></p>

<p><div class="sub_content">

                

<p style="margin-top:1px; margin-bottom:3px;">

<!--조회수-->    

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;"><font color="#000">view</font></span> 

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;"><font color="#01B5EC"><?=$list[$i][wr_hit]?></font></span>

<font color="#E7E7E7"> | </font>

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;"><font color="#000">댓글</font></span> 

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;font-weight:bold;"><font color="#01B5EC"><?=$list[$i][wr_comment]?></font></span>

<font color="#E7E7E7"> | </font>

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;"><font color="#000">공감</font></span>

<span style="font-family:Dotum,Verdana,Arial; font-size:12px;font-weight:bold;"><font color="#CC6633"><?=$list[$i]["good"]?></font></span>

</p>

</div></p>

<p>

<div class="dotted"></div>

            

<font color="#000"><div class="sub_datetime"><?=$list[$i]['wr_name']?></font>

<font color="#000">|</font>

<font color="#000"><?=$list[$i]['datetime2']?></font></div>

    

</div>

</div></p>

<p>                

</li>

<?php } ?>

</ul>

</div></p>

<p><!--/////////////////배경이미지 끝/////////////-->

<div style="clear:both;"></div></p>

<p>