묻고답하기
투명한 팝업창 만들기
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로 올려봐야 되겠군요. 한번 해 보겠습니다. 오늘도 좋은 하루 되시고요.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
카카롯트 | 1.4.5.10에서 1.5.0.1로 업데이트 하면서 나타나는 에러... [1] | 2011.10.21 by 박상도625 |
하늘정워니 | 'PUBLIC' in 'field list' [1] | 2011.10.21 |
에혀라X | 게시판 글쓰기 권한설정 않되네요 [2] | 2011.10.22 by 한이령 |
누란지세 |
게시판 글 목록 위에 효과 주는거 어떻게 하는거죠?
[1]
![]() | 2011.10.22 by 송동우 |
San. | 댓글이나 문서 신고 카운트는 DB 어디에 저장되나요? [2] | 2011.10.22 by 송동우 |
오후낮잠 | faq게시판만 제목을 이미지로 혹은 html 사용이 가능하게.. [2] | 2011.10.22 by 송동우 |
쉬렉 | 리퍼러 질문.. [1] | 2011.10.22 by 송동우 |
maystyle | 외부페이지 넣기 도와주세요 [1] | 2011.10.22 by 송동우 |
쿵푸팬더 | 코딩이 잘못된 점좀 찾아주세요. [1] | 2011.10.22 by 송동우 |
mayanking |
설문조사 양식을 영어로
[1]
![]() | 2011.10.22 by 송동우 |
maystyle | 송동우님 감사합니다. 한가지만 더 부탁드릴게요 [1] | 2011.10.22 by 송동우 |
김범수-- | z4처럼 최근문서 출력에 색을 나오게 하려면? [1] | 2011.10.22 by 송동우 |
초급이 | db삭제 [1] | 2011.10.22 by 송동우 |
김동하123 | 위젯 최근게시물에 게시판을 통째로 [3] | 2011.10.22 by 송동우 |
초급이 | 송동우님 그러면요~ [1] | 2011.10.22 by 송동우 |
쏭바강 | 1.5 페이지가 어디있나요? [1] | 2011.10.22 by 송동우 |
이민주268 |
XE Core 1.4.2.3 -> 1.4.3 업그래이드 불가능
[2]
![]() | 2011.10.22 by 송동우 |
하늘 큰사랑 |
메인 페이지 꾸미기 대상모듈 추가 하면 사라저 벼려요.
![]() | |
강아지60 | 쉬운설치 update | |
mayanking |
투명한 팝업창 만들기
[2]
![]() | 2011.10.22 by 송동우 |
(반)투명 레이어는
포샵에서 (반)투명 레이어를 만들어서
사용하는 방법도 있고
그냥 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;">
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>
<a href="
</div>
</body>
</html>