소스를 구해요~

오리7

프로필 보기 이 회원 글보기

· 14년 전 · 조회 1024 1024 · 댓글 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년 전

감사합니다

게시글 목록

번호	제목	글쓴이	조회	날짜
10654	모바일 시안 시원하게 ... ~~ ^^ 2	세븐데이	3,510	12년 전
10650	노트북 이미지 한번 만들어봤습니다. 3	세븐데이	1,951	12년 전
4205	처음으로 글 올려 봅니다. 홈페이지 평가 좀 해주세용 7	ㅁㄴㅇㄹㄹㄹ	1,245	12년 전
10645	회사소개 및 메인에 사용하면 좋을것 같습니다. 4	세븐데이	2,771	12년 전
4199	웹디 월 백만원이 황당한 금액이 아니었군요... 5	cshop2	2,716	12년 전
11247	디비컷, 오데이같은 웹디자인모음사이트	수퍼백	7,789	12년 전
4190	움직이는 동적 소스구해여 8	북금곰	1,765	12년 전
7036	혹시 이런스타일폰트 뭔지아시는분? 2	웹팩토리아	1,282	12년 전
4179	일러스트 오류? 좀 봐주세요. 10	여행아	1,982	12년 전
7033	폰트도 저작권에 걸리나요? 2	개도	1,389	12년 전
4169	무료 웹폰트질문이요 9	북금곰	2,354	12년 전
10644	쇼핑몰 모델 사이즈	샤샤샷	3,092	12년 전
4148	html5+css3+jquery 견적비용은어떻게 생각하시나요? 20	연탄난로	2,382	12년 전
4137	부끄러운 내용이지만 경험이 전무한 웹디자이너를 채용했습니다. 10	다키짱	2,070	12년 전
4132	드림위버 CS6의 파일탐색기의 Remote 서버의 한글 파일명이 깨지는 증상이... 4	해피정	2,866	12년 전
4121	"사진 도용 고소한다" 누리꾼 협박해 8년간 거액 갈취 10	미소짓는오후	1,766	12년 전
4114	이런소스를 구하려면 뭐라고 검색을 해야 할까요? 6	한번잘해보자	1,271	12년 전
4109	이런 형태의 디자인은 어떻게 하는게 가장 효율적일까요? 4	지영천하	2,059	12년 전
4108	프리랜서 디자이너	주은맘	1,694	12년 전
10640	포탈형 시안공유합니다. 3	또다른세상	2,555	12년 전
10636	식약청포탈 예전시안공유해요 3	또다른세상	2,432	12년 전
10631	유용하게쓰셔요 4	또다른세상	2,264	12년 전
10622	서브입니다. 8	또다른세상	2,277	12년 전
10618	예전작업한 메인서브 나눠서 올립니다. 3	또다른세상	2,490	12년 전
4105	이런 효과를 뭐라고 하나요? 2	김우너석	1,160	12년 전
4103	동영상 제작 1	북금곰	880	12년 전
10617	예전 ttl이벤트시안	또다른세상	2,037	12년 전
10613	서브시안 3	또다른세상	1,785	12년 전
10610	쇼핑몰 시안 2	또다른세상	2,925	12년 전
4091	굳이 플래쉬를 쓰지말아야하는 이유가 있나요? 11	북금곰	1,554	12년 전
4090	웹제안서 양식 구합니다	북금곰	1,248	12년 전
4082	나이 30에 웹디자이너 시작할 수 있을까요 7	sey1234	2,883	12년 전
10608	시안입니다. 1	아름다운세상	2,405	12년 전
10607	시안입니다.	아름다운세상	2,212	12년 전
4073	디자인 힘드네요 8	웹디자인되고파	1,255	12년 전
4069	드림위버 cs6만 키면 노트북이 난리요동을 치네요.. 3	Dizz	2,114	12년 전
4067	사이트 비용이 대략 얼마정도할까요? 1	북금곰	1,077	12년 전
10606	로그인박스	세븐데이	1,561	12년 전
10605	프로필 소개 시안	세븐데이	1,873	12년 전
10603	요즘 많이 사용하는 내비게이션 메뉴입니다. 1	port	2,794	12년 전
10601	조직도! 수정해서 쓰세요 ^^ 1	세븐데이	3,660	12년 전
10600	야생동물보호센터?	세븐데이	1,861	12년 전
4063	욕 먹어도 좋다! ㅋㅋ 내친김에 웹툰까지... 3	홍익플래시	1,939	12년 전
4057	화장품도매쇼핑몰인데요. 5	지윤사랑해	3,772	12년 전
4054	ㅋㅋㅋ 체크무늬 변형하는 방법까지 터득.... 2	홍익플래시	1,389	12년 전
4051	동적인페이지... 2	북금곰	1,027	12년 전
10597	심플 로그인 폼 시안입니다. 2	port	3,368	12년 전
4045	Css 태그들의 속성이 잘 정리된데가 있을까요ㅠㅠ 5	스타일튜브	2,288	12년 전
11243	로고 만들때 참고하시면 좋은곳 3	지민이생각	2,972	12년 전
4043	힘 한 번 줘봤습니다. ㅋㅋ 한계라고나 할까... 1	홍익플래시	1,192	12년 전
4037	png 용량 줄이는 방법! 5	홍보기획실	6,614	12년 전
4032	웹표준에 대한 고찰 4	사은쿠폰	1,317	12년 전
4026	면으로 인물 표현하기 첫 작품 완성~!! 5	홍익플래시	1,908	12년 전
4023	요즘 인테리어 공사중입니다. ㅋㅋㅋ 2	홍익플래시	1,395	12년 전
4020	이펙트 2	북금곰	960	12년 전
11242	색천지	샤샤샷	1,347	12년 전
4018	레이어를 이용한 / 창 밖으로 내다보이는 이미지 표현하기 1	홍익플래시	1,683	12년 전
10590	소셜시안 6	또다른세상	2,540	12년 전
10585	예전시안.. 4	또다른세상	2,236	12년 전
10578	예전작업한사이트 6	또다른세상	2,593	12년 전
10570	맥주전문점 시안 7	또다른세상	2,481	12년 전
10566	레스토랑시안2 3	또다른세상	2,134	12년 전
10562	레스토랑 시안 3	또다른세상	2,060	12년 전
4008	폰트 가독성 어떻게 해결하시나요? 9	daro	4,186	12년 전
10560	심플시안 1	아름다운세상	1,967	12년 전
3995	저 디자이너가 아니라서 궁금한 데요... 12	AKASIA	1,344	12년 전
11241	코카콜라 브라질	지운아빠	1,644	12년 전
10556	여행사시안 3	아름다운세상	1,598	12년 전
10555	여행사시안	아름다운세상	1,226	12년 전
10553	여행사시안 1	아름다운세상	1,297	12년 전
10552	여행사시안	아름다운세상	866	12년 전
7030	이 폰트 이름이 뭔가요. 낯이 많이익은데... 2	뽀뺑이	1,842	12년 전
10549	심플시안 2	아름다운세상	1,814	12년 전
10542	웹용 버튼입니다. 6	port	2,165	12년 전
10540	가로메뉴1 1	울랄라커뮤니케이션스	1,557	12년 전
10539	하단 1	울랄라커뮤니케이션스	1,477	12년 전
10536	왼쪽메뉴 1 2	울랄라커뮤니케이션스	1,337	12년 전
10534	디자인 이미지 컨텐츠 사이트 1	울랄라커뮤니케이션스	2,007	12년 전
10531	SMS 문자전송 사이트 시안 2	울랄라커뮤니케이션스	2,167	12년 전
10529	단순한 한의원 시안 1	울랄라커뮤니케이션스	1,756	12년 전
10490	음원 서비스 사이트 38	파란다리미	3,351	12년 전
10456	주막 브랜드-B 33	파란다리미	3,857	12년 전
10427	주막 브랜드 28	파란다리미	2,752	12년 전
3980	야매로 반응형 웹 비스무리하게 구현하기... ㅋㅋㅋㅋ 14	홍익플래시	2,095	12년 전
3967	이와 같은 Gif 애니메이션은 어떻게 구현했을까요? 12	Enafriend	2,175	12년 전
11239	신세계 사회공헌 1	지운아빠	2,084	12년 전
11238	Natural Plan	지운아빠	1,736	12년 전
11236	LG OLED TV 1	지운아빠	2,317	12년 전
7028	폰트 이름을 알고 싶습니다. 1	ENAF	1,464	12년 전
10426	potal_mint 메인시안	연하아빠	3,185	12년 전
10425	potal_blue 메인시안	연하아빠	2,010	12년 전
7027	한글폰트 문의	길가다꽁해져	1,220	12년 전
10419	[공유] 작은 이미지 아이콘입니다. 5	weblife	3,431	12년 전
10415	[공유] 메인시안입니다. 3	weblife	3,056	12년 전
10413	[공유] 메인 시안입니다. 1	weblife	1,760	12년 전
7025	일본폰트 문의 1	jangbi	1,525	12년 전
5995	이미지 저작권 질문.. 2	싸이더	4,775	12년 전
7024	이폰트가 무엇이지요?	번민의시인	927	12년 전
3964	그누보드 게시판 아이프레임 말고 다른 방식으로 얹는방법 없나요? 2	freejazzme	6,285	12년 전
3951	웹디자이너 프리랜서 계신가요? 12	승민군	6,596	12년 전

이전 다음

4 5 6 7 8

전체 목록