이윰빌더 사용중인데...
본문
이윰빌더사용중이고 사진의 EB슬라이더 최신글 제목이 짤려서 여백이 많이 생깁니다.
theme/eb4_basic/skin/eblatest/newpost/eblatest.skin.html.php
제목 길이를 조금 늘리려면 어떻게 해야 하나요?
초보라 좀 도와 주세요.
소스는
<?php
/**
* skin file : /theme/THEME_NAME/skin/eblatest/newpost/eblatest.skin.html.php
*/
if (!defined('_EYOOM_')) exit;
?>
<?php if ($is_admin == 'super' && !G5_IS_MOBILE) { ?>
<div class="position-relative <?php if ($el_master['el_state'] == '2') { ?>eb-hidden-space<?php } ?>">
<div class="adm-edit-btn btn-edit-mode hidden-xs hidden-sm" style="top:-22px;text-align:right">
<div class="btn-group">
<a href="<?php echo G5_ADMIN_URL; ?>/?dir=theme&pid=eblatest_form&thema=<?php echo $theme; ?>&el_code=<?php echo $el_master['el_code']; ?>&w=u&wmode=1" onclick="eb_admset_modal(this.href); return false;" class="btn-e btn-e-xs btn-e-red btn-e-split"><i class="far fa-edit"></i> EB최신글 마스터 설정</a>
<a href="<?php echo G5_ADMIN_URL; ?>/?dir=theme&pid=eblatest_form&thema=<?php echo $theme; ?>&el_code=<?php echo $el_master['el_code']; ?>&w=u" target="_blank" class="btn-e btn-e-xs btn-e-red btn-e-split-red dropdown-toggle" title="새창 열기">
<i class="far fa-window-maximize"></i>
</a>
</div>
</div>
</div>
<?php } ?>
<?php if (isset($el_master) && $el_master['el_state'] == '1') { // 보이기 상태에서만 출력 ?>
<style>
.newpost-latest {position:relative;margin:0 0 25px}
.newpost-latest .nav-tabs {border-bottom:1px solid #e5e5e5}
.newpost-latest .nav-tabs li:first-child:nth-last-child(1) {width:100%;display:none}
.newpost-latest .nav-tabs li:first-child:nth-last-child(2), .newpost-latest .nav-tabs li:first-child:nth-last-child(2) ~ li {width:50%}
.newpost-latest .nav-tabs li:first-child:nth-last-child(3), .newpost-latest .nav-tabs li:first-child:nth-last-child(3) ~ li {width:33.3333%}
.newpost-latest .nav-tabs li a {text-align:center;margin-right:0;margin-left:-1px;background:#f5f5f5;color:#959595;border:1px solid #e5e5e5;padding:7px 5px;font-size:12px}
.newpost-latest .nav-tabs li:first-child a {margin-left:0}
.newpost-latest .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.newpost-latest .nav-tabs li.active a {z-index:1;background:#fff;font-weight:bold;color:#353535;border-bottom:0}
.newpost-latest .nav-tabs li .cursor-pointer:hover {cursor:pointer}
.newpost-latest .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:#fff}
.newpost-latest .tab-content ul {margin-bottom:0}
.newpost-latest .tab-content li {position:relative;padding:2px 0;font-size:12px}
.newpost-latest .tab-content li.no-latest {width:100%}
.newpost-latest .tab-content .newpost-subj {position:relative;width:65%;padding-right:0;padding-left:0;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;float:left}
.newpost-latest .tab-content .newpost-reply {display:inline-block;width:7px;height:12px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:3px}
.newpost-latest .tab-content .newpost-comment {display:inline-block;min-width:38px;padding:1px 3px;font-size:10px;font-weight:300;line-height:11px;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#757575;margin-right:3px}
.newpost-latest .tab-content .newpost-bo-subj {display:inline-block;min-width:60px;padding:1px 3px;font-size:10px;font-weight:300;line-height:11px;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#a5a5a5;margin-right:3px}
.newpost-latest .tab-content .newpost-member {position:relative;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:35%;float:left;text-align:right}
.newpost-latest .tab-content .newpost-photo img {width:17px;height:17px;margin-left:2px;display:inline-block}
.newpost-latest .tab-content .newpost-photo .newpost-user-icon {width:17px;height:17px;line-height:17px;font-size:11px;text-align:center;background:#858585;color:#fff;margin-left:2px;display:inline-block}
.newpost-latest .tab-content .newpost-nick {font-size:12px;color:#959595}
.newpost-latest .tab-content a:hover .newpost-subj {color:#E52700;text-decoration:underline}
.newpost-latest .tab-content a:hover .newpost-nick {color:#000}
.newpost-latest .tab-content li a[href*="#"] {cursor:not-allowed}
.newpost-latest .tab-content li a[href*="#"]:hover .newpost-subj {text-decoration:none}
.newpost-latest .tab-content li .blind-subj {color:#a5a5a5}
</style>
<div class="newpost-latest">
<ul class="nav nav-tabs eblatest-newpost-tabs">
<?php if (is_array($el_item)) { foreach ($el_item as $k => $eb_latest) { ?>
<li class="<?php if ($k==0) { ?>active<?php } else if ($el_count == ($k+1)) { ?>last<?php }?>"><a href="#newpost-tlb-<?php echo $el_master['el_code']; ?>-<?php echo ($k+1); ?>" data-toggle="tab" <?php if ($eb_latest['li_link']) { ?>data-href="<?php echo $eb_latest['li_link']; ?>" target="<?php echo $eb_latest['li_target']; ?>"<?php } ?> <?php if ($eb_latest['li_link']) { ?>class="cursor-pointer"<?php } ?>><?php echo $eb_latest['li_title']; ?></a></li>
<?php }} ?>
</ul>
<div class="tab-content">
<?php if (is_array($el_item)) { foreach ($el_item as $k => $eb_latest) { ?>
<div class="tab-pane <?php echo ($k==0) ? 'active': ''; ?> in" id="newpost-tlb-<?php echo $el_master['el_code']; ?>-<?php echo ($k+1); ?>">
<ul class="list-unstyled">
<?php if (count($eb_latest['list']) > 0) { foreach ($eb_latest['list'] as $data) { ?>
<li>
<a href="<?php echo $data['href']; ?>">
<div class="newpost-subj <?php echo !G5_IS_MOBILE ? 'tooltips':''; ?>" <?php if (!G5_IS_MOBILE) { ?>data-toggle="tooltip" data-placement="top" data-original-title="<?php echo $eb_latest['li_date_type'] == '1' ? $eb->date_time("{$eb_latest['li_date_kind']}",$data['wr_datetime']): $eb->date_format("{$eb_latest['li_date_kind']}",$data['wr_datetime']); ?>"<?php } ?>>
<?php if ($eb_latest['li_bo_subject'] == 'y') { ?>
<span class="newpost-bo-subj"><?php echo $data['bo_subject']; ?></span>
<?php } ?>
<?php if ($data['is_cmt']) { ?>
<span class="newpost-reply"></span>
<?php } else { ?>
<?php if ($data['wr_comment']) { ?>
<span class="newpost-comment">+<?php echo number_format($data['wr_comment']); ?></span>
<?php } ?>
<?php } ?>
<?php if ($data['new']) { ?>
<i class="far fa-check-circle color-red"></i>
<?php } ?>
<?php if ($eb_latest['li_ca_view'] == 'y' && $data['ca_name']) { ?>
<span class="color-grey"><?php echo $data['ca_name']; ?> <b class="color-light-grey">|</b></span>
<?php } ?>
<?php echo $data['wr_subject']; ?>
</div>
<?php if ($eb_latest['li_mbname_view'] == 'y' && $data['wr_name']) { ?>
<div class="newpost-member">
<span class="newpost-nick"><?php echo $data['wr_name']; ?></span>
<?php if ($eb_latest['li_photo'] == 'y') { ?>
<span class="newpost-photo">
<?php if ($data['mb_photo']) { ?>
<?php echo $data['mb_photo']; ?>
<?php } else { ?>
<span class="newpost-user-icon"><i class="fas fa-user"></i></span>
<?php } ?>
</span>
<?php } ?>
</div>
<?php } ?>
<div class="clearfix"></div>
</a>
</li>
<?php }} else { ?>
<p class="text-center color-grey font-size-12 margin-top-10"><i class="fas fa-exclamation-circle"></i> 최신글이 없습니다.</p>
<?php } ?>
</ul>
<?php if ($is_admin == 'super' && !G5_IS_MOBILE) { ?>
<div class="adm-edit-btn btn-edit-mode hidden-xs hidden-sm" style="bottom:0;text-align:right">
<a href="<?php echo G5_ADMIN_URL; ?>/?dir=theme&pid=eblatest_itemform&thema=<?php echo $theme; ?>&el_code=<?php echo $el_master['el_code']; ?>&li_no=<?php echo $eb_latest['li_no']; ?>&w=u&iw=u&wmode=1" onclick="eb_admset_modal(this.href); return false;" class="btn-e btn-e-xs btn-e-dark"><i class="far fa-edit"></i> EB최신글 아이템 설정</a>
</div>
<?php } ?>
</div>
<?php }} ?>
<?php if ($el_default) { ?>
<div class="tab-pane active in" id="newpost-tlb-<?php echo time(); ?>-1">
<div class="row">
<div class="col-sm-12">
<ul class="list-unstyled">
<li class="no-latest"><p class="text-center color-grey font-size-12 margin-top-10"><i class="fas fa-exclamation-circle"></i> 최신글이 없습니다.</p></li>
</ul>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<script>
$(document).ready(function() {
$('.eblatest-newpost-tabs li a').hover(function (e) {
e.preventDefault()
$(this).tab('show');
});
$('.eblatest-newpost-tabs li a').click(function (e) {
return true;
});
$('.eblatest-newpost-tabs li a').on("click",function (e) {
if ($(this).attr("data-href")) {
window.location.href = $(this).attr("data-href");
}
});
});
</script>
<?php } ?>
답변 2
좌표주시는게 빠를듯하네요 , 저 뒤 땡땡땡. 효과 css 로도 가능하고 php로도 구현 가능한부분인에
newpost-latest .tab-content .newpost-subj {position:relative;width:65%;padding-right:0;padding-left:0;display:block;
css 문제라면 위에 65% 를 조율 해보셔요.
감사감사
시원하게 해결 되었습니다.