이전
목록
다음
북

소스를 구해요~

오리7
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2011-03-17 (목) 15:57:30 · 1390 · 3
http://www.glamlife.co.kr/

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

댓글 3개

프리젠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-17 (목) 17:54:05
<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
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-23 (수) 02:12:28
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
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-27 (일) 17:40:32
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

디자인

1,855건
태그 필터 (최대 3개) 전체 디자이너톡 포토샵 플래시 기타 일러스트 디자이너팁 폰트문의 저작권상담 디자인시안 외부로그인 게시판 최근게시물 회원가입 회원통합스킨 갤러리 일반 스크랩 로그인 전체검색 달력 폼메일 최신글 접속자 설문조사 쪽지 패스워드찾기 우편번호 디자인 레이아웃 추천사이트
+
제목 글쓴이 날짜 조회
11-06-06 조회 3,003
11-06-03 조회 2,522
11-06-01 조회 2,007
11-06-01 조회 2,024
11-06-01 조회 1,278
11-05-31 조회 1,972
11-05-27 조회 1,298
11-05-26 조회 1,800
11-05-25 조회 1,350
11-05-24 조회 3,231
11-05-23 조회 1,760
11-05-19 조회 2,589
11-05-17 조회 1,880
11-05-16 조회 2,902
11-05-13 조회 1,468
11-05-13 조회 3,409
11-05-12 조회 1,242
11-05-09 조회 1,364
11-05-06 조회 1,983
11-05-05 조회 1,272
11-05-05 조회 3,440
11-05-04 조회 1,354
11-05-02 조회 1,271
11-04-30 조회 3,023
11-04-28 조회 2,526
11-04-28 조회 1,419
11-04-28 조회 1,700
11-04-26 조회 3,164
11-04-25 조회 2,288
11-04-22 조회 1,454
11-04-21 조회 2,001
11-04-20 조회 1,219
11-04-16 조회 1,668
11-04-16 조회 1,141
11-04-16 조회 1,227
11-04-14 조회 1,897
11-04-14 조회 2,724
11-04-14 조회 3,222
11-04-13 조회 2,212
11-04-13 조회 2,821
11-04-10 조회 2,438
11-04-08 조회 3,891
11-04-08 조회 3,329
11-03-31 조회 1,240
11-03-30 조회 8,922
11-03-29 조회 1,169
11-03-27 조회 1,732
11-03-24 조회 4,827
11-03-24 조회 1,762
11-03-23 조회 1,309
11-03-23 조회 1,576
11-03-19 조회 1,463
11-03-17 조회 1,391
11-03-17 조회 4,707
11-03-17 조회 4,290
11-03-16 조회 1,331
11-03-16 조회 1,925
11-03-15 조회 1,737
11-03-15 조회 1,172
11-03-15 조회 4,997
11-03-14 조회 2,563
11-03-11 조회 1,114
11-03-10 조회 1,518
11-03-08 조회 1,158
11-03-08 조회 949
11-03-07 조회 1,430
11-03-04 조회 1,274
11-03-01 조회 1,234
11-02-25 조회 4,797
11-02-25 조회 2,450
11-02-24 조회 1,235
11-02-21 조회 1,213
11-02-18 조회 1,896
11-02-18 조회 1,310
11-02-17 조회 1,145
11-02-17 조회 1,145
11-02-16 조회 1,491
11-02-16 조회 1,126
11-02-14 조회 1,685
11-02-11 조회 1,775
11-02-11 조회 1,103
11-02-10 조회 920
11-02-09 조회 1,274
11-02-06 조회 3,949
11-02-05 조회 1,667
11-01-28 조회 1,399
11-01-28 조회 1,408
11-01-28 조회 7,461
11-01-27 조회 1,177
11-01-24 조회 1,930
11-01-24 조회 917
11-01-22 조회 1,060
11-01-18 조회 1,317
11-01-16 조회 1,302
11-01-12 조회 1,538
11-01-10 조회 1,391
11-01-10 조회 1,204
11-01-08 조회 1,141
11-01-07 조회 1,137
11-01-06 조회 1,248
글쓰기