유튜브크기조절
페이지 정보
작성자
달수짱
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 1건
작성일 23-01-30 18:34
본문
테마명 : t10
메인에 유튜갤러리 출력시 크기 조정을 어떻게 하나요?
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
메인에 유튜갤러리 출력시 크기 조정을 어떻게 하나요?
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 262;
$thumb_height = 312;
?>
skin/latest/basic_yt/ 에서 변경해도 크기가 변경이 안되네요!* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
댓글목록
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
안녕하세요~~
메일 주셨던 분이시죠?
슬라이드 크기 조절은 basic_yt / list.skin.php 에서
레이아웃 조절만 해주시면 됩니다.
기존에는
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
위 처럼 한줄씩 나오게끔 그리드가 되어 있습니다. 이것을 2개로 나누고자 하신다면 아래 처럼 수정해주시면 2개로 나오게 됩니다.
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
그리고 테마폴더에 index.php 에서도 2개를 출력할 수 있게 처리해주셔야 합니다.
<?php echo latest('theme/basic_yt', 'gallery_movie', 2, 20);?>
여기까지는 기본 사용법 이고요.
사이즈를 줄이시려면 이렇게 처리해주시면 됩니다.
<?php for ($i=0; $i<count($list); $i++) {?>
<div class="col-md-2"></div><!-- 추가 -->
<div class="col-md-8 col-sm-12 col-xs-12">
<div class="construction-service-box">
<?php
if($list[$i]['wr_10']){
$basename = basename($list[$i]['wr_10']);
$url = str_replace("watch?v=","",$basename);
$url = explode('&',$url);
?>
<div class="embed-responsive embed-responsive-16by9">
</div>
<?php }else{ ?>
<?php
$mb = sql_fetch("select * from {$g5['board_file_table']} where bo_table = '".$bo_table."' and wr_id = '".$list[$i]['wr_id']."'");
if($mb['bf_file']) {
$img = "<img src=".G5_URL."/data/file/".$bo_table."/".$mb['bf_file']." class='img-responsive' style='height:480px;'>";
$img_url = G5_URL."/data/file/".$bo_table."/".$mb['bf_file'];
}else{
$img = "<img src=".G5_THEME_URL."/img/no-img.png class='img-responsive'>";
}
?>
<div class='service-thumb' style="width: 100%;background: url('<?php echo $img_url?>') no-repeat center center;height: <?php echo $thumb_height?>px;"></div>
<?php } ?>
<div class="services-desc text-center">
<h3 class="kos4"><a href="<?php echo $list[$i]['href'] ?>"><?php echo strip_tags($list[$i]['subject'])?></a></h3>
</div>
</div>
</div><!--service column-->
<div class="col-md-2"></div><!-- 추가 -->
<?php } ?>
기존 코드와 비교 해보시면 <div class="col-md-2"></div> 가 추가되어 있습니다.
이렇게 간격 조절하시면 쉽게 이용이 가능합니다.
http://ety.kr/board/ety_theme_manual/26?sfl=wr_subject&stx=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&sop=and
레이아웃 및 그리드 변경은 5분만 투자해주시면 앞으로 쉽게 작업이 가능할것 같습니다.
감사합니다.
메뉴얼
