묻고답하기
투명한 팝업창 만들기
2011.10.22 15:21
XE 1.4.4.4 이고요.
팝업 관리 애드온으로 팝업을 올리고 있습니다.
투명팝업창 만들려면 어떻게 해야 하는지요?
투명 gif, 투명 png를 만들어 넣어봤는데 안되네요.
아마도 애드온 자체가 투명이 아니라서 그런가 본데요.
어떻게 하면 될지요?
위의 그림처럼 투명팝업을 넣으려 합니다.
닫기(X)도 위와같이 넣고요.
팝업관리 애드온 안쓰고 직접
CSS를 이용 html로 하면 되겠지만
현재 있는 애드온을 사용해서 하는 방법이 없나해서요.
애드온이 있으면 편리한점이 정말 많거든요.
정한 날자에 띄우고 닫는다든지 하는것등요.
댓글 2
-
송동우
2011.10.22 16:16
-
송동우
2011.10.22 16:17
헐.......
또 멋대로 소스가 망가져서 올라가네요.....
수정도 못하게 버튼도 안나타나고.......
몸통 부분만 올립니다.
<div id="screen" style="position:absolute; width:100%; height:100%; background:white; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;"><img src="http://l.yimg.com/nk/adv/mktg/yahoo_logo_kr_083109.gif" style="position:absolute; left:40%; top:40%" /><div onClick="document.getElementById('+ 'screen').style.display='none'" style="position:absolute; left:40%; top:40%; margin:50px 0 0 170px; color:red; cursor:pointer">닫기</div></div>
<div id="droplinetabs1" class="droplinetabs"><div style="text-align:center;">
<a href="http://yahoo.co.kr"><img src="http://l1.yimg.com/a/i/ww/news/2011/10/21/102111gadhafi2.jpg" style="width:500px; height:300px; border:0;" /></a>
</div> -
mayanking
2011.10.23 00:39
감사합니다. 그러니까 html로 올려봐야 되겠군요. 한번 해 보겠습니다. 오늘도 좋은 하루 되시고요.
(반)투명 레이어는
포샵에서 (반)투명 레이어를 만들어서
사용하는 방법도 있고
그냥 css로 처리하는 방법도 있습니다.
팝업관리 애드온을 사용해 본 적이 없어서
질문에 대한 직답은 못하지만
그냥 참고삼아 아래 있는 소스를 html파일에
넣어서 실행시켜 보세요....
그냥 css로 (반)투명 레이어 띄우는 것이니까
말 그대로 참고만 해서 보세요
그리고 레이어 띄우고 얼마동안 안나타나게 하고 하는 것은
간편하게 쿠키를 사용하면 됩니다.(꼭 그래야만 한다는 뜻은 아닙니다.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div id="screen" style="position:absolute; width:100%; height:100%; background:white; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;"><img src="http://l.yimg.com/nk/adv/mktg/yahoo_logo_kr_083109.gif" style="position:absolute; left:40%; top:40%" /><div onClick="document.getElementById('screen').style.display='none'" style="position:absolute; left:40%; top:40%; margin:50px 0 0 170px; color:red; cursor:pointer">닫기</div></div>
<div id="droplinetabs1" class="droplinetabs">
<div style="text-align:center;">
<a href="http://yahoo.co.kr"><img src="http://l1.yimg.com/a/i/ww/news/2011/10/21/102111gadhafi2.jpg" style="width:500px; height:300px; border:0;" /></a>
</div>
</body>
</html>