웹마스터 팁

  2. Support
  3. 웹마스터 팁

크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!!

2002.12.16 22:12

김민호

음..
사실을 말하자면 크롬리스는 아닙니다..-_-;;(라고 생각합니다.)
하지만, 정말 닮았구요..^^;; (디자인만 잘 하면)
문제도 전혀 없습니다.
무슨 js 파일이라든지, 그런 것 다 필요없구요,
아래 태그가 들어있기만 하면됩니다.
그림같은건 직접 디자인하는게...(퍽!)




<html>
<head>
<title> Chromless Window Alternative by Nima Bidhendi </title>
<style>
#popup {
   position: absolute;
   width: 500px;
   height: 350px;
   display: none;
   border: 1px solid #000000;
   background-color: #fafafa;
   font: 10px verdana;
   filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#444444, Positive=true);
}
.toolbar {
   font: 10px verdana;
   border-bottom: 1px solid black;
   background-color: #bbbbbb;
   padding: 2px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
        clicked = true;
        pleft=parseInt(document.getElementById("popup").style.left);
   ptop=parseInt(document.getElementById("popup").style.top);
        dragxcoor=cx;        
   dragycoor=cy;        
}
                
function stopDrag() {
        clicked = false;
}
        
function dragBox(evt) {
e = evt || event;
        if (clicked == true) {
      newx = pleft+e.clientX-dragxcoor;
           newy = ptop+e.clientY-dragycoor;
                document.getElementById("popup").style.left=newx;
                document.getElementById("popup").style.top=newy;
                return false;
   }
}
document.onmousemove        = dragBox;
</script>
</head>
<body bgcolor="448844">
<a style="color: #ffffff;" href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'block'">Click here to open the popup</a>
<div id="popup" style="left: 50px; top: 50px;">
<div class="toolbar" style="display: table; cursor: move" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
   <table border="0" cellpadding="0" cellspacing="0" width="100%"><td width="11px"><img src="icon.gif" style="border: 0px; width: 11px; height: 11px;"></td><td style="padding-left: 5px; font: 10px tahoma;">
  
  This is the pop up - final v2 by Nima Bidhendi
  
   </td><td style="width: 11px"><span style="display: table-cell; width: 11px;"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'none'"><img src="close.gif" style="border: 0px; width: 11px; height: 11px;"></a></td></tr></table>
   </div><div style="padding: 5px;">

<!-- start code for popup here-->
여기에 html 을 쓰세요. 뭐.. iframe 으로 본격적으로 시작해도 되겠죠?^^;;
<!-- end code for popup here-->
  
   </div>
</div>
</body>
</html>




복사해서 htm 파일 아무거나 만들어보새요.
아.. 창 닫는 'x'그림은 제가 아이콘을 안올려서 안보이네요..^^;;
아이콘 잘 만들어서 쓰시구요~
그림같은 거 다 바꿀수 있어요.
친구가 보내주네요~
그럼, 잘 쓰시구요,
중복이면 삭제할께요...ㅠ_ㅠ


허접한 설명이었습니다.
실은 저도 방금 친구에게서 받은거라..쩝
크롬리스때문에 고생하시는 분들, 쓰시면 괜찮을 거라 생각합니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
ie60이상버전의 개인정보기능으로 인한 서비스문제 [2] 날파리 2003.05.21
[간단팁] 윈도우즈 2003 에서 mysql 사용할때.. [5] 오종선 2003.05.22
[진자 유용한] www 자동으로 붙여주기 [6] Dopesoul 2003.05.24
APM_Setup4 에서 에러페이지 띄우기 [2] RedEye(kaist) 2003.05.28
아파치 보안취약점 관련 버전 업데이트 DearMai 2003.05.30
iis + php + mysql 강좌 (윈도우설치) [5] 이성헌 2003.06.01
iis + php + mysql 보충설명. [2] 이성헌 2003.06.01
아파치 버츄얼웹서버에서 웹로그 분석툴 : Webalizer 설치 [2] [1] 정인배 2003.06.02
네임(DNS) 서버 named.conf 설정 하기 정인배 2003.06.02
아파치 : Name-based Virtual Host 사용하기 정인배 2003.06.02
아파치 : IP-based Virtual Host 사용하기 정인배 2003.06.02
Windows Media 서비스에 대한 ISAPI 확장 결함 DearMai 2003.06.03
apache + php + mysql (window 설치) 이성헌 2003.06.05
mysql 강좌 .. 요약본 [4] 이성헌 2003.06.05
php 와 mysql 을 이용한 웹인증..(윈도우에서) 이성헌 2003.06.05
apache 서버에서 apache 인증 (윈도우에서 apm 설치후) 이성헌 2003.06.05
apache 서버에서 디렉토리 보기 방지. [5] 이성헌 2003.06.08
윈98에서 Apache+iASP+Tomcat4.x+Mysql+PHP ...사용하기 [5] 한희진 2003.06.11
webalizer 윈도우+아파치에서 돌려보기 [3] [1] HuHu^^; 2003.06.12
극심한 시스템 파괴시 재해복구 Process [7] Dopesoul 2003.06.14
태그 쓰기