동영상 최신글 스킨 질문 드립니다.
본문
현재 아래 스킨을 사용중입니다.
이 스킨을 조금 변형해서 사용하고 싶은데요.
첨부파일과 같은 형태로 수정해서 사용하려면 어떻게 하면 될까요?
우측 리스트에 썸네일이 함께 출력되었으면 합니다.
갤러리 최신글 스킨에 있는 소스 등을 접목해서 하는 방법으로도 해 봤는데,
한계가 있어서요.
원작자이신 동문서답님을 비롯한 고수님들의 도움 부탁 드립니다.
=================================================================
latest.skin.php 스킨의 소스코드는 아래와 같습니다.
<?php
if (!defined("_GNUBOARD_")) exit; //개별 페이지 접근 불가
include_once("$g4[path]/lib/thumb.lib.php");
$mov2_width = "400"; //동영상 또는 썸네일 가로 크기
$mov2_height = "290"; //동영상 또는 썸네일 세로 크기
$mov2_list_width = "310"; //오른쪽 리스트 출력 부분 가로 크기
$mov2_max_content = "11"; //게시판 글 내용 최대 글자 수
$content_num = count($list) - 1;
$mov2_total_width = $mov2_width + $mov2_list_width;
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';
$thumb_quality= "90"; //썸네일 이미지 품질
$filter[type] = "99";
$filter[arg1] = "100";
$filter[arg2] = "1";
$filter[arg3] = "2";
@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>
<style type="text/css">
#mov2_wrap {position:relative; width:<?php echo $mov2_total_width + 38 ?>px; height:<?php echo $mov2_height + 20 ?>px; background-color:#e1e1e1; text-align:left}
#mov2_wrap_line {position:absolute; margin:4px; width:<?php echo $mov2_total_width + 30 ?>px; height:<?php echo $mov2_height + 12 ?>px; background-color:#ccc; overflow:hidden}
#mov2_wrap_in {position:absolute; margin:1px; width:<?php echo $mov2_total_width + 28 ?>px; height:<?php echo $mov2_height + 10 ?>px; background-color:#fff; overflow:hidden}
#mov2_more {position:absolute; top:<?php echo $mov2_height - 25 ?>px; left:<?php echo $mov2_total_width -37 ?>px}
#mov2_left {position:absolute; margin:5px; width:<?php echo $mov2_width ?>px; height:<?php echo $mov2_height ?>px; vertical-align:bottom; overflow:hidden}
#mov2_right {position:absolute; margin:8px 0 7px <?php echo $mov2_width + 18 ?>px; width:<?php echo $mov2_list_width ?>px; height:<?php echo $mov2_height ?>px; overflow:hidden}
#mov2_right ol {margin:0; padding:0; list-style:none; background:url(<?php echo $latest_skin_path ?>/img/bg.gif) no-repeat bottom right}
#mov2_right ol li {height:22px}
.mov2_subject {position:absolute; top:<?php echo $mov2_height - 30 ?>px; left:5px; width:<?php echo $mov2_width ?>px; height:35px; background:#000; opacity:0.6; filter:alpha(opacity=60)}
.mov2_subject a:link, .mov2_subject a:visited, .mov2_subject a:active {position:absolute; padding:4px 5px 5px 5px; text-decoration:none; font:normal 11px dotum, tahoma; line-height:14px; color:#fff}
.mov2_subject a:hover {position:absolute; text-decoration:none}
.mov2_list a:link, .mov2_list a:visited, .mov2_list a:active {text-decoration:none; padding-left:12px; background:url(<?php echo $latest_skin_path ?>/img/icon_list.gif) no-repeat; font:normal 12px gulim, tahoma; color:#555; word-wrap:expression(this.style.wordWrap="normal",this.hideFocus=true)}
.mov2_list a:hover {text-decoration:underline; padding-left:12px; background:url(<?php echo $latest_skin_path ?>/img/icon_list_hover.gif) no-repeat; color:#000}
.mov2_list_select a:link, .mov2_list_select a:visited, .mov2_list_select a:active, .mov2_list_select a:hover {text-decoration:underline; padding-left:12px; background:url(<?php echo $latest_skin_path ?>/img/icon_list_active.gif) no-repeat; font:normal 12px gulim, tahoma; color:#00f}
.mov2_list_cmt a:link, .mov2_list_cmt a:visited, .mov2_list_cmt a:active {margin-left:-2px; text-decoration:none; padding-left:5px; background:none; font:normal 11px dotum; color:#777}
.mov2_list_cmt a:hover {margin-left:-2px; text-decoration:none; padding-left:5px; background:none; font:normal 11px dotum; color:#000}
#mov2_no_list { width:<?php echo $mov2_total_width + 28 ?>px; height:<?php echo $mov2_height + 10 ?>px; text-align:center; color:#6e6e6e}
</style>
<script type="text/javascript">
var m2li = "";
function change_style(path) {
document.getElementById(path).className = "mov2_list_select";
if (m2li != "" && m2li != path) {
document.getElementById(m2li).className = "mov2_list";
}
m2li = path;
}
function displaycontent(index) {
for (i = 0; i <= <?php echo $content_num ?>; i++)
if (index == i) {
thiscontent = eval("m2content_" + index + ".style");
thiscontent.display = "";
} else {
othercontent = eval("m2content_" + i + ".style");
othercontent.display = "none";
}
}
</script>
<div id="mov2_wrap">
<div id="mov2_wrap_line">
<div id="mov2_wrap_in">
<?php if (count($list) == 0) { ?>
<div id="mov2_no_list">게시물이 없습니다.</div>
<?php } else { ?>
<div id="mov2_right">
<ol>
<?php for ($i = 0; $i < count($list); $i++) { ?>
<li class="mov2_list" id="m2list_<?php echo $i ?>">
<?php if ($list[$i]['wr_link2']) { ?>
<a href="<?php echo $list[$i]['wr_link2'] ?>" onclick="javascript:change_style('m2list_<?php echo $i ?>')" target="movie">
<?php } else { ?>
<?php
$noimg = $latest_skin_path."/img/_noimg.gif";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if ($list[$i][wr_id]) {
$thumb = thumbnail($file, $mov2_width, $mov2_height, 0, 1, $thumb_quality, 0, "", $filter, $noimg);
}
if ($edit_img = $list[$i]['wr_content']) {
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) {
$file = $g4[path].'/' . $tmp[0]; //파일명
$thumb = thumbnail($file, $mov2_width, $mov2_height, 0, 1, $thumb_quality, 0, "", $filter, $noimg);
}
?>
<a href="<?php echo $thumb ?>" onclick="javascript:displaycontent(<?php echo $i ?>);change_style('m2list_<?php echo $i ?>')" target="movie">
<?php } ?>
<?php } ?>
<?php echo $list[$i]['subject'] ?></a><span class="mov2_list_cmt"><a href="<?php echo $list[$i]['comment_href'] ?>"><?php echo $list[$i]['comment_cnt'] ?></a></span> <?php echo $list[$i]['icon_new'] ?>--></li>
<?php } ?>
</ol>
</div>
<?php if ($list[0]['wr_link2']) { ?>
<div id="mov2_left">
<iframe width="<?php echo $mov2_width ?>" height="<?php echo $mov2_height ?>" src="<?php echo $list[0]['wr_link2'] ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="movie"></iframe>
</div>
<?php for ($j = 0; $j < count($list); $j++) {
$mov2_content = cut_str(strip_tags($list[$j]['wr_content']), $mov2_max_content, '...');
if ($j == 0) {
?>
<div id="m2content_<?php echo $j ?>" style="display:;"></div>
<?php } else { ?>
<div class="mov2_subject" id="m2content_<?php echo $j ?>" style="display:none;"><a href="<?php echo $list[$j]['href'] ?>"><?php echo $mov2_content ?></a></div>
<?php } ?>
<?php } ?>
<?php } else { ?>
<div id="mov2_left">
<?php
$noimg = $latest_skin_path."/img/_noimg.gif";
$thumb = $thumb_path.'/'.$list[0][wr_id];
$file = $list[0][file][0][path] .'/'. $list[0][file][0][file];
if ($list[0][wr_id]) {
$thumb_main = thumbnail($file, $mov2_width, $mov2_height, 0, 1, $thumb_quality, 0, "", $filter, $noimg);
}
if ($edit_img = $list[0]['wr_content']) {
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) {
$file = $g4[path].'/' . $tmp[0]; //파일명
$thumb_main = thumbnail($file, $mov2_width, $mov2_height, 0, 1, $thumb_quality, 0, "", $filter, $noimg);
}
?>
<iframe width="<?php echo $mov2_width ?>" height="<?php echo $mov2_height ?>" src="<?php echo $thumb_main ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="movie"></iframe>
<?php } ?>
</div>
<?php for ($k = 0; $k < count($list); $k++) {
$mov2_content = cut_str(strip_tags($list[$k]['wr_content']), $mov2_max_content, '...');
if ($k == 0) {
?>
<div class="mov2_subject" id="m2content_<?php echo $k ?>" style="display:;"><a href="<?php echo $list[$k]['href'] ?>"><?php echo $mov2_content ?></a></div>
<?php } else { ?>
<div class="mov2_subject" id="m2content_<?php echo $k ?>" style="display:none;"><a href="<?php echo $list[$k]['href'] ?>"><?php echo $mov2_content ?></a></div>
<?php } ?>
<?php } ?>
<?php } ?>
<?php } ?>
</div>
</div>
<div id="mov2_more"><a href="<?php echo $g4[bbs_path] ?>/board.php?bo_table=<?php echo $bo_table ?>"><img src="<?php echo $latest_skin_path ?>/img/btn_more.gif" width="76" height="45" border="0" alt="" title=""></a></div>
</div>
답변 1
http://happytm.dothome.co.kr/bbs/board.php?bo_table=gnu 여기다 올려놨습니다.
원하시는 기능인지는 메인에서 보세요.
스킨을 별도로 만들었습니다. 내용에
<iframe width="560" height="315" src="https://www.youtube.com/embed/1bb6L8tAHPY" frameborder="0" allowfullscreen></iframe>
등록하시면 섬네일 만들지 않고 유튜브에서 바로 가지오 오게 됩니다.
위 스킨은 섬네일을 만드시는데... 전 귀찮아서 ^^;;
회원은 네이버로 로그인 하시면 바로 보실 수 있어요 ^^;;
원하던 스킨이네요~. 감사합니다.^^
4버전 올려놨습니다. 테스트 해보세요.
답변을 작성하시기 전에 로그인 해주세요.
