2026, 새로운 도약을 시작합니다.

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

2009578055_1529147922.6762.png

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

2009578055_1529018699.4505.png

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

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

[code]/* 팝업레이어 */
#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}[/code]

bbs/newwin.inc.php

[code]<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>[/code]

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

2009578055_1529146483.7574.png

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

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

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

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

이렇게 소스가 보이네요.

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

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

[code]<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>[/code]

|

댓글 3개

유용하네요// 감사합니다~~
좋아요 감사합니다.
감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 111
2740 4일 전 조회 103
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 356
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 330
2724 1개월 전 조회 358
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 311
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고