슬라이드 크기조절!! (롤이슈 설치!)
본문
안녕하세요
눈팅만 하다 염치 불구하고.. 질문글 올려봅니다.
제가 메인 페이지 가운데에 커다란 슬라이드를 하나 걸고 싶어서
이틀만에 겨우 롤이슈 라는 슬라이드를 받아서 설치 하였습니다.
그런데 위 스크린샷 처럼 도대체 어디를 만져도 크기가 조절이 안되서..
어떤 부분을 수정해야 하는지 몰라 글올려 봅니다.
latest.skin.php 에서 수정을 해야 하는지
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/css/style.css">', 0);
add_javascript('<script src="'.$latest_skin_url.'/js/rollissue.js"></script>',100); //우선순위를 100으로 두는 이유는 Jquery다음으로 나와야함.
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$thumb_width = 558;
$thumb_height = 300;
function roll_strcut_utf8($str, $len, $checkmb=false, $tail='...') {
preg_match_all('/[\xEA-\xED][\x80-\xFF]{2}|./', $str, $match);
$m = $match[0];
$slen = strlen($str); // length of source string
$tlen = strlen($tail); // length of tail string
$mlen = count($m); // length of matched characters
if ($slen <= $len) return $str;
if (!$checkmb && $mlen <= $len) return $str;
$ret = array();
$count = 0;
for ($i=0; $i < $len; $i++) {
$count += ($checkmb && strlen($m[$i]) > 1)?2:1;
if ($count + $tlen > $len) break;
$ret[] = $m[$i];
}
return join('', $ret).$tail;
}
?>
<div id="roll_issue">
<div class="roll_issue_left">
<div class="roll_tc">
<?php
for ($i=0; $i<6; $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$thumb_url = $thumb['src'];
} else {
$thumb_url = $latest_skin_url."/img/noimg.jpg";
}
$num = $i+1;
?>
<div class="roll_issue_left_img roll_issue_img0<?php echo $num;?>">
<a href="<?php echo $list[$i]['href'];?>">
<img class="roll_resizeimg" src="<?php echo $thumb_url?>"/>
<div class="roll_issue_left_img_bottom">
<span class="roll_issue_left_img_bottom_title"><?php echo roll_strcut_utf8($list[$i]['subject'],60,'...');?></span>
<?
if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];
if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];
if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];
if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];
?>
</div>
</a>
</div>
<? } ?>
</div>
</div>
<!-- <div class="roll_issue_right">
<?php
for ($i=0; $i<6; $i++) {
$num = $i + 1;
$object_top = $i*-300;
?>
<div class="roll_issue_right_nav roll_issue_right_nav0<?php echo $num?>" onclick="roll_issue_change('roll_issue_right_nav0<?php echo $num?>','<?php echo $object_top?>');"> <span class="roll_issue_right_nav_title"><?php echo roll_strcut_utf8($list[$i]['subject'],30,'...');?></span><br/>
<span style="color:white; padding-right:10px;">Hit <?=$list[$i]['wr_hit']?> Good <?=$list[$i]['wr_good']?> Bad <?=$list[$i]['wr_nogood']?></span>
</div>
<? } ?> -->
</div>
</div>
style.css 부분을 수정해야 하는지.
/* Mainpage Roll */
#roll_issue:after {display:block;visibility:hidden;clear:both;content:""}
#roll_issue {
position:relative;
background: #fafafa;
height: 450px;
/* border:1px solid #333;
border-top:1px solid #333;
border-bottom:1px solid #333; */
margin: 0px;
}
.roll_issue_left {
position:absolute;
width:556px;
left:0;
top:0;
height: 300px;
overflow-y: hidden;
}
.roll_issue_left .roll_tc {
position: relative;
width: 556px;
top: 0px;
height: 1800px;
}
/* .roll_issue_left .roll_tc .roll_issue_left_img {
width: 556px;
height: 300px;
overflow: hidden;
z-index: 10;
position:relative; */
}
.roll_issue_left .roll_tc .roll_issue_left_img img {
display:inline-block;
}
.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom {
cursor: pointer;
position: absolute;
bottom: 0px;
left: 0px;
padding-top:7px;
padding-bottom:7px;
width: 100%;
color: white;
background: #000;
}
}
.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom:hover .roll_issue_left_img_bottom_title {
font-size:10.5pt;
color:white;
font-weight:600;
}
.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom .roll_issue_left_img_bottom_contents {
font-size: 10pt;
font-weight: 600;
color: white;
max-width: 100%;
}
.roll_issue_right {
right:0;
width:200px;
position:absolute;
height: 300px;
color:white;
}
.roll_issue_right .roll_issue_right_nav {
width: 100%;
height: 36px;
padding-top: 7px;
padding-bottom: 6px;
margin:-1px;
margin-left:-1px;
border:1px solid #555;
cursor: pointer;
text-align: right;
position:relative;
}
.roll_issue_right_nav_title {
padding-right:10px;
}
도움좀 꼭좀 부탁 드리겠습니다..!!