소스를 구해요~

오리7

프로필 보기 이 회원 글보기

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

감사합니다

게시글 목록

번호	제목	글쓴이	조회	날짜
11428	폰트 문의 드려요~	날효	29	9년 전
11427	CSS 디자인 샘플들	덕서리	65	9년 전
11421	이미지 확대 프로그램입니다. 2	Rido	86	9년 전
11420	123RF 폰트 무료	뒷집돌쇠	58	9년 전
11417	무료 PSD 소스 사이트	크레용웍스	285	9년 전
11416	디자인 프리렌서 노무비 산출 프로그램 알고리즘이 있을까요? 4	아길이	202	9년 전
11407	LESS와 SASS의 사용법 4	절권도	156	9년 전
11406	무료 벡터 이미지 3	절권도	173	9년 전
11381	웹 상에서 이미지 편집하기 10	nanati	494	9년 전
11379	부트스트랩 시작하기	절권도	296	9년 전
11378	TukTuk 프레임워크 1	절권도	181	9년 전
11377	jQuery Form 플러그인 모음	절권도	196	9년 전
11375	게임을 통해 pixel 크기를 배웁니다. 8	신리	431	9년 전
11372	무료 부트스트랩 테마	절권도	239	9년 전
11371	이미지 무한 슬라이더 (스와이프 및 반응형 지원) 2	weblife	422	9년 전
11370	웹폰트 저장소	절권도	198	9년 전
11369	웹디자인 어워드	절권도	188	9년 전
11368	웹디자인 견본 집합소	절권도	196	9년 전
11367	바이두 차트 api	절권도	134	9년 전
11366	폰트어썸 사용하기 부담스러울때는 - XEIcon	절권도	116	9년 전
11365	간편하게 로고 제작할 수 있는 사이트	절권도	151	9년 전
11363	유튜브채널 로고만들기.	김철용	371	9년 전
11360	폰트 저작권 이런 경우에는 어떻게 될까요? 2	시원	290	9년 전
11359	Bootstrap Studio 25$이군요 1	신리	416	9년 전
11358	서브메뉴 관련 디자인 질문있습니다. 2	김태웅	345	9년 전
11354	HTML5 Video Player 비교	신리	224	9년 전
11350	무료 백터 아이콘 받을수있는사이트 2	덕서리	538	9년 전
11346	혹시 이런 png이미지는 어디서 구할수 있는지요 3	고양이맛	611	9년 전
11345	color와 관련한 모든 정보... 그리고 무료 소프트웨어들	신리	410	9년 전
11344	JavaScript Emotify	신리	295	9년 전
11343	타임스 뉴 로만(Times New Roman)서체 2	북금곰	396	9년 전
11342	무료 psd 사이트 1	덕서리	736	9년 전
11341	무료 PSD 사이트	덕서리	699	9년 전
11340	이미지 갤러리 소스제공 사이트	덕서리	455	9년 전
11335	CSS3로 구현하는 패턴 2	신리	505	9년 전
11329	안드로이드 디자인은 처음입니다. dpi가 잘 이해되지 않아 여쭙습니다! 5	메롱까꿍	533	9년 전
11327	주임급 디자이너의 업무가 어느정도인가요? 1	ㅓㄷ	607	9년 전
11323	홈페이지제작시 꼭 필요한 색선택 2	신리	540	9년 전
11322	CSS 코드를 읽기 쉽게, 보기 좋게 재정렬해줍니다. 1	신리	724	9년 전
11321	반응형 웨딩 웹사이트 템플릿	신리	595	9년 전
11320	웹사이트 스타일 가이드...	신리	356	9년 전
11317	주임급, 대리급 디자이너들은 어떤 업무를 하시나요? 1	apfhd	561	9년 전
11316	이미지맵을 동적으로 적용?	신리	375	9년 전
6095	알고있으면 유용한 무료 디자인소스 사이트 2	덕서리	1,126	9년 전
6094	css 템플릿 사이트 1	덕서리	871	9년 전
6092	모바일 ui 사이트 1	덕서리	818	9년 전
5709	구글신은 신인가 봅니다. 2	뒷집돌쇠	886	9년 전
7226	폰트 이름좀 알려주세요. 5	Net디자인	420	9년 전
5706	css로 글상자 모양 그릴려면?! 2	고냉이	516	9년 전
7224	폰트 문의 드립니다. 고딕체 중에서 이건 무슨 글씨체 일까요? 1	아쿠아틴티드	492	9년 전
11310	귀여운 컬러 조합 사이트 1	nanati	896	9년 전
5700	오늘은 제가 제작했던 기업홈페이지입니다. 한번 보고 가세요 5	핫디자인1	991	9년 전
5695	신입 인사 겸 문의를 해보고자 합니다. 4	크리스폴	466	9년 전
5693	제가 제작했던 블로그 보여드리고 싶어서 끄적~ 끄적~ 1	핫디자인1	575	9년 전
5689	제가 작업했던 기업 홈페이지인데 어때요? 4	핫디자인1	769	9년 전
11309	반응형 확인 사이트	nanati	840	9년 전
5683	메뉴소스 구하고 싶습니다 5	북금곰	609	9년 전
5676	웹디자인 감각을 좀 키우고.. 또 배우고 싶습니다. 6	삼관왕	725	9년 전
7222	폰트문의드립니다. 1	제이미짱	761	9년 전
5671	디자인수지 페이지운영과 디자이너오픈채팅 운영하는사람입니다 ^^ 4	숯이	606	9년 전
5668	이직, 전향 조언 부탁드립니다. 2	jakeeeeel	546	9년 전
6091	Html, script 등 기초부터 배우실 분에게 유용한	m모비딕	1,424	9년 전
5651	웹디자이너가 되고자 합니다. 16	승희아빠	772	9년 전
5640	디자인을 하실때 주로 어디에서 이미지를 구입하시나요? +_+ 10	제윤아빠	769	9년 전
6087	제가 아는 무료 이미지 사이트 모음 3	요메토	1,004	9년 전
5631	혹시 웹디자이너끼리 소통가능한 카톡오픈채팅있나요..? 8	seul194	704	9년 전
11308	아이콘 목업 등 무료 사이트	nanati	971	9년 전
5621	네이버 나눔스퀘어 글꼴이 추가되었군요 10	허정권	718	9년 전
11307	무료 아이콘 사이트	nanati	1,096	9년 전
6082	웹디자인할때 유용한 색상조합 4	디자몽	1,224	9년 전
11214	쇼핑몰 메인 시안 2	brucelee1973	2,447	9년 전
11306	전자카달로그 저렴하게 제작해주는 사이트..	1001	661	9년 전
11305	사이트 속도 테스트	nanati	629	9년 전
5618	해상도 문제좀 봐주세요 2	프로그래머7	519	9년 전
5617	영문폰트 같이 구입하실 분 4분 모십니다.	지운아빠	504	9년 전
11213	홈페이지 스냅포토 인사말 페이지 입니다.	weblife	1,504	9년 전
5595	이정도 디자인은 어려운가요?? 21	ssir1159	1,189	9년 전
5586	2년차 웹디 이직! 8	나미다	1,005	9년 전
5581	현재 사용 포토샵 버전? 4	프로그래머7	724	9년 전
5575	명함 잘 하는 곳 있을까요? 5	여행아	481	9년 전
7219	기본폰트 관련해서 문의드립니다. 2	바른통남	586	9년 전
5572	가입인사와 si업체 신입 디자이너의 고민상담입니다.^^; 2	booly	632	9년 전
7217	이폰트 문의드려요 ㅠㅠ 1	정루	718	9년 전
5568	포토샵 용량문의 3	ㅓㄷ	567	9년 전
5565	가입인사겸 질문글입니다! 2	구룬	342	9년 전
6079	무료이미지 사이트 2	씨에이치넷	1,536	9년 전
5564	디자이너는 눈이 높아져야한다	모노폴리	802	9년 전
5558	디자인용 PC사양문의 5	ㅓㄷ	843	9년 전
7214	홈페이지코딩할때 제일많이사용하는 깔끔한 웹폰트가 뭐가있죠? 2	별을따는소년	1,202	9년 전
5555	스톡 이미지 사이트 셔터스톡 연말 할인 진행중이네요! 2	롤롤로	598	9년 전
11300	무료아이콘 사이트 malza말자의 무료아이콘 4	말자	970	9년 전
5550	저도.. 가입인사를.. 4	Uneo	412	9년 전
7212	폰트알려주세요! 1	옐미	663	9년 전
6071	색 조합 유용한 곳 7	ABC디자인	1,410	9년 전
5545	중고물품매매사이트 4	왕산적	809	9년 전
7209	이폰트 좀 알려주세요!! 2	유우니얌	783	9년 전
6066	고급스러운 그라데이션 4	ABC디자인	1,660	9년 전
6064	국내 폰트저작권 총정리. 1	ABC디자인	1,385	9년 전
5542	게시판 수정부탁드립니다. 2	헤이하치대머리	693	9년 전
6061	css 자동생성 사이트 2	씨에이치넷	1,601	9년 전

1 2 3

전체 목록