소스를 구해요~

오리7

프로필 보기 이 회원 글보기

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

감사합니다

게시글 목록

번호	제목	글쓴이	조회	날짜
6255	이폰트 이름좀 가르켜주세요.. 2	무책임	1,063	16년 전
7252	기타 쇼핑몰 메인 시안입니다. 8	요엘이	8,339	16년 전
6251	폰트저작권에 대해. 3	sztime	3,303	16년 전
6248	폰트를 이쁘게? 2	참치캔	753	16년 전
6241	하이텔 이벤트에 쓰인 폰트가 무엇인가요? 궁금@.@ 2	닥터귀염	1,240	16년 전
6229	이거 무슨 폰트죠??? 11	은하철도	1,250	16년 전
6224	리자님 폰트 질문에 답변해주세요. 4	빨간망토의비밀	978	16년 전
6208	폰트에 대해서 자유롭게 질문드립니다. 15	빨간망토의비밀	1,036	16년 전
6193	흠.. 구매하지 않은 폰트로 홈페이지 시안 만들었을때.. 14	terrorboys	1,172	16년 전
6188	디자인 시안 구입할 때 폰트.. 4	웹씨커뮤니티	1,204	16년 전
6182	폰트 질문 좀 드릴까 합니다. 5	사다드	1,074	16년 전
6158	텍스트 에디터에서 어떤 폰트, 크기 어떻게 사용하시나요? 23	관리자	2,181	16년 전
6149	네이버에서 나눔고딕코딩체(개발자 코딩용 폰트)를 배포하네요. 8	바람처럼s	1,711	16년 전
6148	폰트이름좀 알려주세요	하늘과땅	926	16년 전
6144	어떤 폰트인지 알려주시면 감사하겠습니다. 3	빡돌	978	16년 전
6139	초보자입니다. 한글만 폰트 바꾸기 질문입니다. 4	항해	1,223	16년 전
6132	무슨 폰트인지 알려 주세요. 6	불혹말년	1,107	16년 전
6129	폰트좀 알려주세요 2	쵸파	933	16년 전
6124	폰트좀 알려주세요 4	쵸파	1,241	16년 전
6122	잘못된 상식 - 비영리 폰트 1	연후하은아빠	1,265	16년 전
6113	혹시 이 폰트체 이름 아시는분 계시나요? 8	요엘이	1,187	17년 전
6108	폰트 라이센스 문의드립니다. 4	바람처럼s	1,384	17년 전
6102	이 폰트체가 무슨체인가요? 5	요엘이	1,113	17년 전
6099	답답해서요 이 폰트 ㅠㅠ 이름이 2	조효돌	974	17년 전
187	기타 자유이미지 다운방법 2	피칠갑	1,724	17년 전
184	기타 자유 이미지에 있는 이미지들을 쓸려면 어떻게 해야 하죠? 2	피칠갑	1,265	17년 전
182	포토샵 이미지 저장시 비라틴문자 어쩌고 하는 메시지 1	흰새벽	3,350	17년 전
173	기타 알쏭달쏭한 저작권 문의요;;;; 8	알딸딸	1,504	17년 전
172	기타 윈도우 그림판에 대하여	흰새벽	1,927	17년 전
168	기타 레이어로 테이블 작성할때요 3	픽셀나라	1,671	17년 전
6570	유료폰트 어떻게 구별할지..팁좀 알려주세요. 2	닥터귀염	2,263	15년 전
6478	윤고딕 유료폰트인가요? 2	무책임	3,860	15년 전
6244	폰트 질문좀 드릴게요 3	알타리무	1,526	16년 전
6096	이 폰트체 아시는분 계시나요? 2	요엘아빠	1,057	17년 전
166	기타 저기 1	하나하면	1,229	17년 전
153	기타 포털사이트에서의 웹작업은 무엇으로 하는지요? 12	james	2,131	17년 전
152	기타 css 질문요	무식해서귀여운남자	1,357	17년 전
144	포토샵 문자에 관한 질문 좀 드릴께요 7	허리베기	1,540	17년 전
139	포토샵 김거성님 포토샵에서 PNG 투명배경이미지 사용하기 좀 알려주세요,^^ 4	미스코리아	4,472	17년 전
131	포토샵 끝이 둥근 이미지인데 끝이 부드럽지가 않아요.. 7	신짱구	2,075	17년 전
129	플래시 플래시 링크 걸기 질문??? 1	미스코리아	2,201	17년 전
126	기타 직업학교에서 3D MAX를 배우긴하는데요. 2	웹디프리	1,711	17년 전
124	포토샵 포토샵에서 폰트가 이상하게 나오는데요? 1	미스터블루	1,785	17년 전
118	일러스트 문자디자인 질문입니다. 5	개가죽	1,981	17년 전
109	기타 웹표준 2.0이 완전히 표준화가 되면 html 코딩된 사이트는?? 8	웹디프리	2,122	17년 전
102	포토샵 포토샵 배경 제거 해 주실 분~~!! 6	지윤지영	3,333	17년 전
98	기타 어도비사의 인디자인 은 뭐하는 프로그램인가요? 3	웹디프리	2,319	17년 전
86	포토샵 ★ 상세페이지 해주실분 구해요~~ 11	choijinhee	1,624	17년 전
84	포토샵 포토샵 cs3버젼쓰는데 한글과 호환성 문제가 많네요 1	풍기서생	1,735	17년 전
80	기타 디자인 자료실이 없어졌네요? psd를 받고 싶었던게 있었는데 받을려고 했는데 아무리 찾아도 없네요 ㅠㅠ 3	끝없는도전	1,429	17년 전
78	포토샵 액션기능 사용후 액션수정할라면 처음부터 다시 만들어야 하나요? 1	푸름아빠	1,552	17년 전
76	플래시 플래쉬 질문입니다 1	양민	1,477	17년 전
70	기타 파폭에서 레이아웃 잡을때 질문입니다~ 5	신짱구	1,613	17년 전
63	플래시 플래시 메인메뉴 수정해주실분계시나요~^^ 6	DIGHOLIC	1,677	17년 전
59	플래시 전자카달로그 xml연동 업로드하여 적용 문제 3	TOYOU	1,826	17년 전
57	플래시 플래쉬소스중에 사이트로 바로 가는 소스좀 알려주세요 1	영순이	1,836	17년 전
50	포토샵 포토샵 색상문제 좀 봐주세요. 6	치에	3,677	17년 전
46	포토샵 화면에 보여지는 일부분을 따로 저장하는 방법은요? 3	푸름아빠	1,795	17년 전
41	포토샵 레이어 이용해서 선택라인 만드는법이 사라졌네요? 4	아길이	1,815	17년 전
31	포토샵 포토샵 느낌나게 만들어 달라는게 무슨뜻? 9	김거성	2,192	17년 전
27	포토샵 샘플같이 글씨 쓰는 방법...? 3	리치	2,170	17년 전
21	포토샵 글꼴 이름 좀 부탁드립니다. 5	아날로그	1,751	17년 전
8	포토샵 Photoshop CS2 혹은 이하버전에서 투명배경이미지.gif 로 저장시 질문입니다. 12	사랑과우정	3,815	17년 전
4	포토샵 그라이언트 주는 방법? 3	스머프	2,423	17년 전
1	포토샵 투명도 주는 방법? 2	스머프	1,899	17년 전
7239	외부로그인 제 메인시안에 맞는 외부로그인 12	보짱	3,101	20년 전

17 18 19

전체 목록