그누보드 - 팝업 배경 투명하게 처리하기

팝업 배경 투명하게 처리하기 > 그누보드5 팁자료실

그누보드5 팁자료실

팝업 배경 투명하게 처리하기 정보

팝업 배경 투명하게 처리하기

본문

2009578055_1529147922.6762.png

Q&A의 글을 보고, 주먹구구식으로 적용해보았습니다.

2009578055_1529018699.4505.png

팝업에 넣은 이미지는 배경을 투명하게 처리한 png 파일입니다.

theme/사용테마/css/default.css

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:0px solid #e9e9e9;background:none;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:none;color:#fff;text-align:center;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:none}
.hd_pops_footer .hd_pops_close{background:none}

bbs/newwin.inc.php

<div class="hd_pops_footer">
    <button class="hd_pops_reject hd_pops_<?php echo $nw['nw_id']; ?> <?php echo $nw['nw_disable_hours']; ?>"><strong><?php echo $nw['nw_disable_hours']; ?></strong>시간 동안 다시 열람하지 않습니다.</button><br>
    <button class="hd_pops_close hd_pops_<?php echo $nw['nw_id']; ?>"><i class="fa fa-times" aria-hidden="true" style="font-size:24px"></i></button>
</div>

각각 이렇게 수정했습니다.

2009578055_1529146483.7574.png

팝업 이미지에 링크를 거는 간단한 방법을 추가해봅니다.

팝업 수정으로 들어가서 html모드로 바꿉니다.

ckeditor4의 경우에는 '소스'를 누르면 되네요.

<div><img alt="" src="http://internationale.kr/data/editor/1806/2009578055_1528969027.3141.png" /></div>

이렇게 소스가 보이네요.

<a href="링크할 주소" target="_blank"><img src="이미지 주소"></a>

이런 식으로 바꾸어줍니다.

<div><a href="https://www.youtube.com/watch?v=foSbqLi6U10" target="_blank"><img alt="관련 영상 보기" src="http://internationale.kr/data/editor/1806/2009578055_1528969027.3141.png" /></a></div>