이윰빌더 사용중인데...

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
이윰빌더 사용중인데...

QA

이윰빌더 사용중인데...

본문

3698633583_1614195183.3687.png

 

 

 

이윰빌더사용중이고 사진의 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% 를 조율 해보셔요.

감사감사

시원하게 해결 되었습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 28
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT