소스를 구해요~

오리7

프로필 보기 이 회원 글보기

· 14년 전 · 조회 1015 1015 · 댓글 3 3

http://www.glamlife.co.kr/

로그인창이 뜨면 주변이 불투명하게 바뀌는 소스요~
어떻게 하면 저렇게 되나요? 꼭 알려주세여~

댓글 작성

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

로그인하기

댓글 3개

프리젠

프로필 보기 이 회원 글보기

14년 전

<html>
<style type="text/css">
html { width:100%; height:100%; }
body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:9pt; }
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; }
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 20px 4px 20px; border: solid 1px #cfcfcf; }
</style>
<script language="javascript" type="text/javascript">
// 심플 라이트박스 효과
var SLB_cnt = 0;
function SLB_show(url, type)
{
var a = document.getElementById('SLB_film');
var b = document.getElementById('SLB_content');
var c = document.getElementById('SLB_loading');
if(url) {
a.style.top = 0;
a.style.left = 0;
a.style.display = "";
a.style.height = document.body.scrollHeight + 'px';
document.getElementById('SLB_loading').style.display = "block";
SLB_setCenter(c,true);
if(type == 'image') {
b.innerHTML="<img src=" + url + " class='SLB_center' onload='SLB_setCenter(this);' />";
if(arguments[2]) a.onclick = function () { SLB_show() };
if(arguments[3]) b.innerHTML += "<div class='SLB_caption'>"+ arguments[3] +"</div>";;
} else if (type == 'iframe') {
b.innerHTML="<iframe src=" + url + " width="+ arguments[2] +" height="+ arguments[3] +" class='SLB_center' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' onload='SLB_setCenter(this);' /></iframe>";
if(arguments[4]) {
b.innerHTML += "<div class='SLB_close' onclick='SLB_show();' title='닫기'>close</div>";
}
b.onclick = ''; b.firstChild.style.cursor = 'default';
} else if (type='html'){
b.innerHTML = url;
SLB_setCenter(b.firstChild);
if(arguments[2]) b.onclick = '';
}
hideSelect();
} else {
a.onclick = '';
a.style.display = "none";
b.innerHTML = "";
b.onclick = function () { SLB_show() };
c.style.display = "none";
showSelect();
SLB_cnt = 0;
}
}

function SLB_setCenter(obj) {
if (obj) {
var h = window.innerHeight || self.innerHeight || document.body.clientHeight;
var w = window.innerWidth || self.innerWidth || document.body.clientWidth;
var l = (document.body.scrollLeft + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2));
var t = (document.body.scrollTop + ((h-(obj.height||parseInt(obj.style.height)||obj.offsetHeight))/2));
if((obj.width||parseInt(obj.style.width)||obj.offsetWidth) >= w) l = 0;
if((obj.height||parseInt(obj.style.height)||obj.offsetHeight) >= h) t = document.body.scrollTop;
document.getElementById('SLB_content').style.left = l + "px";
if(SLB_cnt == 0) {
document.getElementById('SLB_content').style.top = t + "px";
if(document.getElementById('SLB_content').offsetHeight >= h) {
SLB_cnt ++;
}
}
obj.style.visibility = 'visible';
if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) {
obj.nextSibling.style.display = 'block';
if(document.getElementById('SLB_content').offsetHeight < h) {
document.getElementById('SLB_content').style.top = parseInt(document.getElementById('SLB_content').style.top) - (obj.nextSibling.offsetHeight/2) + "px";
}
}
if(!arguments[1]) {
document.getElementById('SLB_loading').style.display = "none";
} else {
obj.style.left = l + "px";
obj.style.top = t + "px";
}
}
}

function hideSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "hidden";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "hidden";
}
} catch (e) {}
}
}
}

function showSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "visible";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "visible";
}
} catch (e) {}
}
}
}

var prevOnScroll = window.onscroll;
window.onscroll = function () {
if(prevOnScroll != undefined) prevOnScroll();
document.getElementById('SLB_film').style.height = document.body.scrollHeight + 'px';
document.getElementById('SLB_film').style.width = document.body.scrollWidth + 'px';
SLB_setCenter(document.getElementById('SLB_content').firstChild);
}
var prevOnResize = window.onresize;
window.onresize = function () {
if(prevOnResize != undefined) prevOnResize();
document.getElementById('SLB_film').style.height = document.body.offsetHeight + 'px';
document.getElementById('SLB_film').style.width = document.body.offsetWidth + 'px';
SLB_setCenter(document.getElementById('SLB_content').firstChild);
}
</script>
<head>
<body><br>
<br>
<br>
<br>
<br>
<br>
<br>

<table width="667" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td align="center"><div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;"></div>
<div id="SLB_content" onClick="SLB_show();" align="center" style="z-index: 99999; position:absolute;"></div>
<div id="SLB_loading" onClick="SLB_show();" title="로딩중...클릭시 취소"> Loading... </div>

<div>
<a onClick="SLB_show('ex.php','iframe', 864, 613, true);" style='cursor:pointer; border-bottom:0px solid blue; line-height:2;'>라이트박스효과 </a></div> </td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
</table>
</body>
</head>
</html>

--------------------------------------
참고하세요.. 도움이 되셨기를...

neue

프로필 보기 이 회원 글보기

14년 전

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=94894&sca=%EC%99%B8%EB%B6%80%EB%A1%9C%EA%B7%B8%EC%9D%B8

이것두 참고하셔요

오리7

프로필 보기 이 회원 글보기

14년 전

감사합니다

게시글 목록

번호	제목	글쓴이	조회	날짜
9032	기타 약도 디자인 PSD파일 두번째입니다. 1	elancer	4,625	13년 전
9031	기타 간단한 약도 디자인 PSD파일입니다.	elancer	2,517	13년 전
9027	기타 조직도 디자인 PSD파일 두번째입니다. 3	elancer	5,382	13년 전
9026	기타 조직도 디자인 PSD파일입니다.	elancer	3,692	13년 전
9024	기타 여행사 사이트 메인 시안 (지도 포함) 1	mecandoit	2,211	13년 전
9017	기타 벡터 아이콘 모음입니다~(저작권없는 무료이미지) 6	ananom	5,532	13년 전
6918	이폰트가 무엇인지 좀 알려주실수 있을런지요 10	dadada	1,666	13년 전
6914	Blackadder ITC 서체 문의 3	뽀뺑이	1,557	13년 전
2821	혹시 웹디자인 주말 알바 하실 분 계신가요? 7	zinc	1,371	13년 전
2820	협업	악기바리	639	13년 전
9006	기타 골프행사 디자인 시안입니다_2 10	웹어스	2,905	13년 전
8999	기타 골프행사 디자인 시안입니다_1 6	웹어스	1,876	13년 전
8984	기타 (메인)심플버전no1 입니다.(원제작자:웹프리존) ^^;마음것 사용하셔도 됩니다~ 도장 꽝! 14	웹프리존	2,114	13년 전
8979	기타 코스메틱 커뮤니티 사이트 시안 입니다. 4	캔버스	1,481	13년 전
2811	웹표준 공부 쉽게 하는방법 아시는분? 8	여행지기	951	13년 전
8964	기타 많은분들의 요청으로 메인과 서브 같이 올려드립니다. 14	여행지기	1,913	13년 전
8955	기타 어린이 의류 쇼핑몰시안입니다~ 필요하시분쓰세요~ 8	여행지기	2,016	13년 전
2810	신입~ 5년차 이하	악기바리	721	13년 전
5963	외국사이트 이미지 저작권은? 7	여행지기	4,368	13년 전
8947	기타 무료 아이콘 나누미 7	날라리개발자	2,082	13년 전
8943	기타 아이콘 무료 나누미 3	날라리개발자	1,326	13년 전
2805	외국사이트 이미지 저작권 4	여행지기	1,060	13년 전
2804	포토샵 터치 프로그램이 나왔군요.	port	1,059	13년 전
8932	기타 아이폰 GUI PSD 10	유앤알	3,478	13년 전
8924	기타 안드로이드 U.I PSD 파일입니다 7	유앤알	3,363	13년 전
8919	기타 배너 4	노가다의God	1,041	13년 전
8915	기타 Mini iPhone PSD 3	채윤아빠	901	13년 전
2792	먹고 살기 힘듭니다 ~ 11	웹프리존	1,060	13년 전
2790	남양주에계신분? 1	웹디자인연구소	710	13년 전
2784	디자이너 프로그램 공부하기.. 5	미니페퍼	1,087	13년 전
2777	요즘 단가가 너무 떨어진거 같아요T_T 6	백주영이다	1,210	13년 전
8913	기타 공지 배너 하나더., ^^ 1	비용러브	1,208	13년 전
8908	기타 팝업 - 우편번호 검색 4	비용러브	3,373	13년 전
8905	기타 팝업용 시안 2	비용러브	1,142	13년 전
8903	기타 jng 클럽 배너 하나 올려요 ^^ 1	비용러브	894	13년 전
2774	디자인시안 게시판에 글이 안올라가요 2	몽키매직	746	13년 전
2771	그누보드를 2	eksdl	763	13년 전
2765	안녕하세요 ㅠ도움이 필요합니다 5	아임노쿨	718	13년 전
8894	기타 web ui 8	승냄이	2,299	13년 전
8879	갤러리 오랜 시안이네요~~ 14	chongho	1,656	13년 전
8868	기타 시안입니다. 10	원시인교주	2,093	13년 전
8863	기타 팝업디자인 입니다. 4	아름다운세상	1,364	13년 전
8860	기타 팝업디자인 입니다. 2	아름다운세상	2,212	13년 전
8855	기타 요소디자인 4	LetsBe	761	13년 전
8849	기타 기타 버튼 5	남이	1,450	13년 전
8833	기타 머리 안 좋은 사람의 바탕화면용 파일(※요청이 있어서 올립니다) 15	東問西答	1,994	13년 전
8831	기타 휴대폰인증 1	LetsBe	881	13년 전
8829	기타 메인시안입니다. 1	LetsBe	1,387	13년 전
2756	님들에 도움이 필요합니다 8	수민맘	964	13년 전
2750	홈페이지 제작할때 어떤식으로 하시나요?? 5	한번잘해보자	1,047	13년 전
2744	여백을 많이 남기세요? 5	웹킬러	815	13년 전
8823	기타 sms전송, 핸드폰인증 5	miii	1,024	13년 전
8820	기타 팝업디자인입니다. 2	LetsBe	1,904	13년 전
8819	게시판 게시판,로그인 디자인	LetsBe	3,270	13년 전
8817	기타 무료 아이콘 1	늘푸른세상	1,595	13년 전
8815	기타 페이스북 '좋아요' 일러파일입니다.. 1	노는아이	4,689	13년 전
8812	기타 미디어 이미지 PSD 입니다 - 저작권없는 무료자료 2	ananom	1,660	13년 전
8804	기타 웹 리본 PSD - 저작권없음 7	ananom	2,558	13년 전
8801	기타 10 user icons Free PSD and PNG 2	다조아해	1,177	13년 전
8799	기타 팝업디자인2 1	남이	2,670	13년 전
8796	기타 상단네비게이션 2	miii	1,761	13년 전
8793	기타 메인시안입니다. 2	miii	1,447	13년 전
8792	기타 팝업디자인	남이	1,329	13년 전
2740	플래시cs5 가져오기 오류해결 3	남이	1,962	13년 전
2735	눈이 펑펑 오네요 ~~ 4	에풱	718	13년 전
2732	돌고 도는 법무법인 2	iwebstory	868	13년 전
2727	웹표준이란게 4	웹디자인연구소	986	13년 전
2724	간만에 일이 잘되네요 2	남이	682	13년 전
2719	영카트를이용해서 4	웹디자인연구소	803	13년 전
8787	기타 아이콘 03 4	weblife	1,104	13년 전
2717	자료실에 무료 펌질 자료 주의 1	iwebstory	713	13년 전
8785	기타 아이콘 02 1	weblife	1,026	13년 전
8778	기타 아이콘 01 6	weblife	1,128	13년 전
8776	게시판 게시판 스킨입니다.. 1	노는아이	1,008	13년 전
8767	기타 배너 4장 드립니다. 8	비용러브	1,388	13년 전
8764	기타 장바구니.. ^^ 디자인 2	비용러브	1,169	13년 전
8760	기타 로그인 화면 만들다가 올려봅니다. 3	비용러브	1,270	13년 전
2713	제작의뢰쪽 사기당한걸 보면 삶의 치열함이 느껴지는군요. 3	매너데빌	804	13년 전
2703	익스에서보는거랑 크롬에서 볼때 다르네요 ;;;; 9	한번잘해보자	1,560	13년 전
8753	기타 서울시 구/동단위 지도입니다. 6	iwebstory	8,974	13년 전
2696	자자 연휴 끝났습니다. 6	웹프리존	683	13년 전
8751	기타 사이트 러브 하트 효과 UI 버튼 PSD 1	사다리타기	2,574	13년 전
8745	기타 인쇄사이트 메인 시안 5	mecandoit	1,727	13년 전
8740	기타 메인시안 인터페이스 아이디어좀 주실분~~ 경력3개월차 ㅠㅠ 4	스터디24	1,082	13년 전
8732	기타 밧데리 무료 psd 입니다. (Free PSD) 7	Cdesign	1,962	13년 전
2688	모바일웹솔류션 7	Xerro	1,032	13년 전
2685	플래시 인트로 영상좀 작업할려고하는데용 2	도룡이	1,321	13년 전
8727	기타 팝업창 디자인 4	yangon	2,917	13년 전
8716	기타 2012 10	yangon	1,133	13년 전
8704	기타 web ui 11	yangon	1,626	13년 전
6908	글꼴 문의좀 드리겠습니다. 5	명함아이	9,341	13년 전
6901	free sample 이 폰트 아시는분 있나요? 6	테크너	1,433	13년 전
8702	기타 팝업 샘플강좌 보기 psd 1	비용러브	1,289	13년 전
8701	기타 아이디 중복검사 psd	비용러브	2,019	13년 전
2673	프로그램을 배우고 싶네요 11	남이	908	13년 전
2671	즐거운 퇴근길 되세요~ 1	chongho	626	13년 전
8696	기타 16px Glyph Icons 4	채윤아빠	1,509	13년 전
8687	기타 맵 핀스타일 8	채윤아빠	2,297	13년 전
8678	기타 명함 디자인입니다.ㅋㅋ 8	즐거운미래	2,520	13년 전
8672	기타 중고차커뮤니티용 5	매너데빌	1,668	13년 전

이전 다음

9 10 11 12 13

전체 목록