테스트 사이트 - 개발 중인 베타 버전입니다
SIR

소스를 구해요~

오리7
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 1031 · 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

이것두 참고하셔요

게시글 목록

번호 제목
9869
회원가입 왼쪽 메뉴 두번째 공유해요., 1
9863
회원가입 왼쪽 메뉴 공유해 드립니다. 5
9862
최신글 [공유합니다] 하단 장바구니와 퀵메뉴 입니다.
3212
디자인 쪽은 좋은 책이 드물다? 3
3203
둘 중 누가 살아남을까요? 8
3194
웹표준 제이쿼리모바일 html5 css3 먹고 살려니 별걸다 해야겟네요. 8
9855
회원통합스킨 여행사 메인시안 입니다. 6
9851
회원통합스킨 펜션 서브 시안입니다. 3
9845
회원통합스킨 펜션 메인 시안입니다. 5
9843
게시판 연기학원 홈페이지 서브페이지 시안입니다 1
9842
게시판 연기학원 홈페이지 메인시안 입니다
9836
게시판 학원홈페이지 시안2 공유합니다 5
9834
게시판 학원홈페이지 시안 작업했던것 공유합니다 1
3192
캘리브레이션 프로그램 쓰시고계신분있으신가요 ^^? 1
3191
프리랜서 모십니다
6957
이 폰트는 먼가요? 9
9830
회원통합스킨 예전에 작업했던 제안시안 입니다 3
9825
우편번호 오시는길 약도 4
9823
게시판 약도페이지입니다. 1
9821
게시판 약도페이지입니다. 1
9735
게시판 이번에도 제안서작업했던 시안입니다. 85
3186
그누보드로 홈페이지를 만들려면, 어떤 프로그램을 배워야 하나요? 4
3182
프리랜서 디자이너분 찾습니다. 3
9727
최신글 [공유] 간단한 메인시안입니다. 7
9720
게시판 웹사이트에 여러가지로 사용할수 있는 UI입니다. 6
3179
슈퍼문 2
9702
게시판 메인시안 사용하세요. 17
6955
이 폰트 이름 아시는분? 1
3174
바탕화면 몇개 4
9690
게시판 메인시안 공유합니다~ 11
9686
게시판 자동차관련 메인시안 3
9679
게시판 메인시안 공유합니다. 6
3165
경희대에서 cs6 행사하는데 참여하시는분? 8
3162
문화창조도시 광주에서 일하시는 디자이너분들... 2
3159
심심해서 만들어 본것 2
9676
게시판 저도 메탈글자 하나 올려봅니다. 2
3146
웹디 분들 도와주세요! 12
9673
게시판 심플 메인 2
9668
게시판 깜둥이메뉴 4
9663
게시판 황금(?)메탈문자? 4
9662
게시판 액자??
9581
게시판 메인시안입니다. 80
3143
포토샵에서 저장시 파일 확장자명이 대문자로저장이 되는데.. 2
3142
안산에서 디자인하시는분계신가요.
9561
게시판 사이트 제작에 사용할수 있는 다양한 화살표 이미지 모음입니다. 19
9554
외부로그인 로그인 스킨 6
9542
게시판 아이콘들..!! 11
9531
게시판 남성 쇼핑몰 스킨 10
9527
달력 달력 블랙버전입니다. 3
9522
게시판 회사소개용 이미지 4
3131
3D로 만든 디자인 몇장 10
9517
회원통합스킨 블랙 메뉴 디자인 4
9507
게시판 [세번째시안] 대형쇼핑몰 및 커뮤니티사이트 시안용 psd입니다. 9
9500
게시판 [두번째시안] 대형쇼핑몰 및 커뮤니티사이트 시안용 psd입니다. 6
9492
게시판 [첫번째시안] 대형쇼핑몰 및 커뮤니티사이트 시안용 psd입니다. 7
9490
회원가입 회원가입 블랙버전입니다. 1
9489
패스워드찾기 아이디/패스워드찾기 블랙버전입니다.
9485
설문조사 배너 한가지 3
9481
회원통합스킨 메뉴 디자인 3
9480
외부로그인 탑부분 로그인 바 디자인
3128
디자인 하시는 분중에 jQuery로 사이트 개발해보신 분 있으신지.. 2
3120
드림위버 CS6 나왔나요? 7
9478
스크랩 스크랩 블랙버전입니다. 1
3116
웹디자인 관리자페이지 디자인 시안이나 볼수있는 사이트 있나요...? 3
9477
설문조사 설문조사 블랙버전입니다.
3112
코딩 누가누가 잘 할까? 3
9471
게시판 버튼psd 올려봅니다. 5
9470
갤러리 갤러리 블랙버전입니다.
9468
게시판 시안입니다. 1
9463
게시판 시안입니다. 4
9460
게시판 다른버젼 2
9457
게시판 시안입니다. 2
3104
프리랜서팀 7
9452
게시판 커뮤니티 메인시안 및 딸려가는 좌측 플래시 및 웹표준코딩 페이지 입니다. 4
6953
이폰트 이름이 뭔가요? 아시는분~~ 1
9448
게시판 쇼핑몰스킨입니다. 3
9444
게시판 쇼핑몰스킨입니다. 3
9443
외부로그인 로그인스킨입니다.
5984
개인 홈페이지나 개인 블로그도 저작권이 있나요?? 6
3094
정말 디자인 하시는 분들 대단하세요~~~ 9
9442
접속자 접속자페이지 블랙버전입니다.
3088
a~~~~~!!! 한계가~~ㅋ 5
3082
모업체 디자인팀 단체 사진에 나온 인원이 23명 ... 5
3079
오랜시간... 그누보드를 사용했는데도... 2
9432
패스워드찾기 로그인 페이지 PSD 9
9416
게시판 홈페이지 시안하나 올립니다~ 15
3078
여기 되게 좋네요.
9415
달력 달력 레드버전입니다.
9407
게시판 회사 홈페이지 시안 7
9405
외부로그인 로그인 블랙버전 두번째 올립니다. 1
9402
외부로그인 로그인 블랙버전입니다. 2
3075
일요일이네요^^ 2
9400
게시판 공지창 1
9399
갤러리 배너 백그라운드 1
3072
3D 모델링-만남 2
6949
이 한글폰트 아시는분??ㅠㅠ 3
9397
스크랩 스크랩 팝업니다. 1
9395
패스워드찾기 패스워드찾기 팝업입니다. 1
9380
게시판 조직도 14
9376
게시판 게시판스킨 뷰 3
이전 다음
전체 목록