그누보드5 스킨에서 스킨을 다운받아 사용했는데요

그누보드5 스킨에서 스킨을 다운받아 사용했는데요

QA

그누보드5 스킨에서 스킨을 다운받아 사용했는데요

답변 1

본문

그누보드5 스킨에서 

(게시판 부트스트랩 5.3 사용한 유튜브 게시판&갤러리 스킨)

그누보드 - 부트스트랩 5.3 사용한 유튜브 게시판&갤러리 스킨 > 그누보드5 스킨 (sir.kr)

 

다운받아 설치 해 보았습니다.

 

현재 

그누보드 사용한지가 한달되어 가고요
수준은 완전 초보 입니다.

홈페이지에 

<p><iframe src="http://www.*******.com/g5/bbs/board.php?bo_table=test" width="100%"onload=resizeFrame(this) scrolling="no"  frameborder="0"  marginheight="0" marginwidth="0" id ="sub05" name="sub05"></iframe></p>

3553246259_1705470128.2624.jpg

잘 나와서 좋았는데요

클릭하면

 

3553246259_1705470172.403.jpg

이렇게 나와요 

 

오른쪽에 스크롤바가 생기고요 내려야 보이고요

 

뭐가 잘못된것인지 모르겠습니다.

 

그냥 갤러리 스킨을 사용하면 이런 스크롤바가 생기지 않는데요

 

도와 주세요. 부탁입니다.

 

스킨 에서 view.skin.php

 

<?php
if (!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);
?>
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>

<!-- 게시물 읽기 시작 { -->
<div class="container">

<!-- 타이틀 }-->
<section id="mj-board-view-title-wrap">    
<div class="row mt30">
    <div class="col board-title">
        <?php if ($category_name) { ?>
        <p class="category_wrap"><span class="badge badge-primary"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span></p> 
        <?php } ?>
        <h2><span><?php echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력     ?></span></h2>    
    </div>
</div>
<div class="row mb30 pb10" style="border-bottom:1px solid #ccc;">
    <div class="col board-content">
        <?php echo get_member_profile_img($view['mb_id']) ?>
        <?php echo $view['name'] ?> <?php if ($is_ip_view) { echo " ($ip)"; } ?>
          <i class="bi bi-chat-square-text"></i> <?php echo number_format($view['wr_comment']) ?>건</a>
          <i class="bi bi-eye"></i> <?php echo number_format($view['wr_hit']) ?>회
          <i class="bi bi-calendar"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?>
    </div>
</div>
</section>

<!-- 콘트롤 단추 }-->
<section id="mj-board-btn-wrap" class="row">
    <div class="col text-right">
        <?php ob_start(); ?>
        <?php include_once(G5_SNS_PATH."/view.sns.bootstrap.skin.php"); ?>
        <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn btn-secondary btn-sm" onclick="win_scrap(this.href); return false;"><i class="bi bi-bookmark-check"></i> 스크랩</a><?php } ?>
            <a href="<?php echo $list_href ?>" class="btn btn-secondary btn-sm" title="목록"><i class="bi bi-list"></i> 목록</a>
            <?php if ($reply_href) { ?><a href="<?php echo $reply_href ?>" class="btn btn-secondary btn-sm" title="답변"><i class="bi bi-reply"></i> 답변</a><?php } ?>
            <?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn btn-secondary btn-sm" title="글쓰기"><i class="bi bi-vector-pen"></i> 글쓰기</a><?php } ?>
            <?php if ($update_href) { ?><a href="<?php echo $update_href ?>" class="btn btn-secondary btn-sm" ><i class="bi bi-arrow-repeat"></i> 수정</a><?php } ?>
            <?php if ($delete_href) { ?><a href="<?php echo $delete_href ?>" class="btn btn-secondary btn-sm"  onclick="del(this.href); return false;"><i class="bi bi-trash"></i> 삭제</a><?php } ?>
            <?php if ($copy_href) { ?><a href="<?php echo $copy_href ?>" class="btn btn-secondary btn-sm"  onclick="board_move(this.href); return false;"><i class="bi bi-subtract"></i> 복사</a><?php } ?>
            <?php if ($move_href) { ?><a href="<?php echo $move_href ?>" class="btn btn-secondary btn-sm"  onclick="board_move(this.href); return false;"><i class="bi bi-arrows-move"></i> 이동</a><?php } ?>
            <?php if ($search_href) { ?><a href="<?php echo $search_href ?>"  class="btn btn-secondary btn-sm" > 검색<i class="fa fa-search" aria-hidden="true"></i></a><?php } ?>
        
    </div><!-- /col -->        
</section><!-- /row -->

<!-- 본문 }-->
<?php
$link_buttons = ob_get_contents();
ob_end_flush();
?>

<section id="bo_v_atc" class="mb-5">
    <?php if($view['wr_1']) { //유튜브 출력 ?>
    <div class="row justify-content-md-center mb-3 mt-3">
        <div class="col-md-10">
            <div class='embed-container'>
            <iframe id="mj-youtube" src="https://www.youtube.com/embed/<?=$view['wr_1']?>" frameborder='0' allowfullscreen></iframe>
            </div>    
        </div>
    </div>    
    <?php } ?>    
    
    <?php
    // 파일 출력
        $v_img_count = count($view['file']);
        if($v_img_count) {
            echo "<div id=\"bo_v_img\" class=\"mb-3\" >\n";
            for ($i=0; $i<=count($view['file']); $i++) {
                echo get_file_thumbnail($view['file'][$i]);
            }
            echo "</div>\n";
        }
    ?>

        <!-- 본문 내용 시작 { -->
        <div id="bo_v_con">
        <?php echo get_view_thumbnail($view['content']); ?>
        </div>
        <?php //echo $view['rich_content']; // view_image($view, '0', '') 과 같은 코드를 사용할 경우 ?>
        <!-- } 본문 내용 끝 -->
        <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>


        <!--  추천 비추천 시작 { -->
        <?php if ( $good_href || $nogood_href) { ?>
        <div class="row mb-5" >
        <div class="col-sm-12 text-center">
            <?php if ($good_href) { ?>
            <span class="bo_v_act_gng">
                <a href="<?php echo $good_href.'&'.$qstr ?>" id="good_button" class="btn btn-outline-primary" >
                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                <span class="sound_only">추천</span>
                <strong><?php echo number_format($view['wr_good']) ?></strong>
                </a>
                <b id="bo_v_act_good"></b>
            </span>
            <?php } ?>
            <?php if ($nogood_href) { ?>
            <span class="bo_v_act_gng">
                <a href="<?php echo $nogood_href.'&'.$qstr ?>" id="nogood_button" class="btn btn-outline-danger"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                <b id="bo_v_act_nogood"></b>
            </span>
            <?php } ?>
        </div>
        </div>
        <?php } else {
            if($board['bo_use_good'] || $board['bo_use_nogood']) {
        ?>
        <div id="bo_v_act">
            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
        </div>
        <?php
            }
        }
        ?>
        <!-- }  추천 비추천 끝 -->
    </section>

<?php if ($prev_href || $next_href) { ?>
<!-- 첨부파일 시작 { -->

<div class="board-prev-next">
<ul class="list-group">
  <li class="list-group-item">
        <?php if ($prev_href) { ?>
        <span class="badge bg-info text-dark">
        <i class="bi bi-arrow-bar-up"></i> 이전글
        </span>
        <a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> 
        <span class="b_date">
        <?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?>
        </span>
        <?php }else{ ?> 
        <span class="text-primary">이전글 없습니다.</span>
        <?php } ?> 
  </li>
  <li class="list-group-item list-group-item-light">
        <?php if ($next_href) { ?>
        <span class="badge bg-info text-dark">
        <i class="bi bi-arrow-bar-down"></i> 다음글</span>
        <a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>
        <span class="b_date">
        <?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?>
        </span>
        <?php }else{ ?> 
        <span class="text-primary">다음글 없습니다.</span>
        <?php } ?> 
  </li>
</ul>
</div>

<?php } ?>

    <?php
    $cnt = 0;
    if ($view['file']['count']) {
        for ($i=0; $i<count($view['file']); $i++) {
            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
                $cnt++;
        }
    }
    ?>

<?php if($cnt) { ?>
<!-- 첨부파일 시작 { -->
<div class="board-file">
<p class="h5"><i class="bi bi-file-earmark-arrow-down"></i>  첨부파일</p>
<ul class="list-group"> 
        <?php
        // 가변 파일
        for ($i=0; $i<count($view['file']); $i++) {
            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
         ?>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
                 <i class="fa fa-folder-open" aria-hidden="true"></i>
                 <?php echo $view['file'][$i]['source'] ?><?php echo $view['file'][$i]['content'] ?> <small>(<?php echo $view['file'][$i]['size'] ?>)</small>
                 <span><small>DATE : <?php echo $view['file'][$i]['datetime'] ?></small></span>
                </a>
                <span class="badge badge-primary badge-pill"><?php echo $view['file'][$i]['download'] ?>회 다운</span> 
            </li>
        <?php
            }
        }
         ?>
</ul>
</div>
    <!-- } 첨부파일 끝 -->
<?php } ?>
<?php if(isset($view['link'][1]) && $view['link'][1]) { ?>
    <!-- 관련링크 시작 { -->
    <div class="board-link">
        <p class="h5"><i class="bi bi-link"></i>  관련링크</p>
        <ul class="list-group"> 
        <?php
        // 링크
        $cnt = 0;
        for ($i=1; $i<=count($view['link']); $i++) {
            if ($view['link'][$i]) {
                $cnt++;
                $link = cut_str($view['link'][$i], 70);
            ?>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank"><i class="fa fa-link" aria-hidden="true"></i><?php echo $link ?></a>
                <span class="badge badge-primary badge-pill"><?php echo $view['link_hit'][$i] ?>회 연결</span>
            </li>
            <?php
            }
        }
        ?>
        </ul>
    </div>
    <!-- } 관련링크 끝 -->
<?php } ?>
<section id="mj-board-comment-wrap">
<?php
    // 코멘트 입출력
    include_once(G5_BBS_PATH.'/view_comment.php');
?>
</section>    
<!-- } 게시판 읽기 끝 -->
</div><!-- /container -->
<script>
<?php if ($board['bo_download_point'] < 0) { ?>
$(function() {
    $("a.view_file_download").click(function() {
        if(!g5_is_member) {
            alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
            return false;
        }

        var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";

        if(confirm(msg)) {
            var href = $(this).attr("href")+"&js=on";
            $(this).attr("href", href);

            return true;
        } else {
            return false;
        }
    });
});
<?php } ?>

function board_move(href)
{
    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
</script>

<script>
$(function() {
    $("a.view_image").click(function() {
        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
        return false;
    });

    // 추천, 비추천
    $("#good_button, #nogood_button").click(function() {
        var $tx;
        if(this.id == "good_button")
            $tx = $("#bo_v_act_good");
        else
            $tx = $("#bo_v_act_nogood");

        excute_good(this.href, $(this), $tx);
        return false;
    });

    // 이미지 리사이즈
    $("#bo_v_atc").viewimageresize();
});

function excute_good(href, $el, $tx)
{
    $.post(
        href,
        { js: "on" },
        function(data) {
            if(data.error) {
                alert(data.error);
                return false;
            }

            if(data.count) {
                $el.find("strong").text(number_format(String(data.count)));
                if($tx.attr("id").search("nogood") > -1) {
                    $tx.text("이 글을 비추천하셨습니다.");
                    $tx.fadeIn(200).delay(2500).fadeOut(200);
                } else {
                    $tx.text("이 글을 추천하셨습니다.");
                    $tx.fadeIn(200).delay(2500).fadeOut(200);
                }
            }
        }, "json"
    );
}
</script>
<!-- } 게시글 읽기 끝 -->

 

혹시 여기서 고칠 부분이 있나요
부탁드립니다.

 

이 질문에 댓글 쓰기 :

답변 1

기존 홈페이지에 그누보드를 iframe 에 넣어서 생긴 문제입니다.

 

iframe 에 넣게되면 iframe 안의 페이지 높이가 일정 수치를 넘게되면 스크롤바가 보일 수 밖에 없습니다.

(가령 기존 갤러리 게시판 목록 페이지의 높이가 500px 이었다면 스크롤바가 안보였다가.. 높이가 700px 가 되면 iframe의 스크롤바가 보이게 됩니다.)

 

그누보드를 iframe 에 넣는 것은 권장하지 않는 방식입니다.

 

그누보드를 그대로 사용한 뒤, 상단(head) 과 하단(tail) 을 원래 생각한 홈페이지처럼

 

변경해주는 방식으로 해주어야 됩니다.

네 답변 감사합니다.
혹시 iframe 에서 쎔네일 부분에서는 스크롤바가 않생기는데요 이미지를 클릭하면 유튜브 영상이
나오면서 스크롤바가 생기는데요 . 이미지를 해보았는데요 . 이미지도 마찬가지로 옆에 스크롤바가
뜨는데요 . 어떻게 아이프레임을 사용하면서 해결 방법이 없을까요 . 부탁드립니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 550
© SIRSOFT
현재 페이지 제일 처음으로