팝업 배경 투명하게 처리하기 > 그누보드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>
추천4

댓글 전체

전체 1,153 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 휴대용 선풍기 아이리버 BF-C26

    참여151 회 시작18.06.18 10:32 종료18.06.23 10:32
  2. LED 펫램프 - 송갑석 남대협 의장 국회의원 당선 기념

    참여59 회 시작18.06.15 12:00 종료18.06.20 12:00

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT