채택완료

동영상 최신글 스킨 질문 드립니다.

2015-06-09 (화) 18:48:34 6,209

현재 아래 스킨을 사용중입니다.

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=131747&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=wr_subject%7C%7Cwr_content&stx=%EB%8F%99%EC%98%81%EC%83%81

이 스킨을 조금 변형해서 사용하고 싶은데요.

첨부파일과 같은 형태로 수정해서 사용하려면 어떻게 하면 될까요?

우측 리스트에 썸네일이 함께 출력되었으면 합니다.

​​​​​​​​2556cfc9ad6a80e16d33b7e63bfa37ac_1433843075_0827.jpg
갤러리 최신글 스킨에 있는 소스 등을 접목해서 하는 방법으로도 해 봤는데,

한계가 있어서요.

원작자이신 동문서답님을 비롯한 고수님들의 도움 부탁 드립니다.

=================================================================

​​​​latest.skin.php 스킨의 소스코드는 아래와 같습니다.

Copy
​<?phpif (!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>&nbsp;<?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개 / 댓글 2개

채택된 답변
+20 포인트

http://happytm.dothome.co.kr/bbs/board.php?bo_table=gnu 여기다 올려놨습니다.

원하시는 기능인지는 메인에서 보세요.

http://happytm.dothome.co.kr

스킨을 별도로 만들었습니다. 내용에 

Copy
<iframe width="560" height="315" src="https://www.youtube.com/embed/1bb6L8tAHPY" frameborder="0" allowfullscreen></iframe>
 

등록하시면 섬네일 만들지 않고 유튜브에서 바로 가지오 오게 됩니다.

위 스킨은 섬네일을 만드시는데... 전 귀찮아서 ^^;;  

회원은 네이버로 로그인 하시면 바로 보실 수 있어요 ^^;; 

답변에 대한 댓글 2개

원하던 스킨이네요~. 감사합니다.^^
4버전 올려놨습니다. 테스트 해보세요.

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