웹마스터 팁

음..
사실을 말하자면 크롬리스는 아닙니다..-_-;;(라고 생각합니다.)
하지만, 정말 닮았구요..^^;; (디자인만 잘 하면)
문제도 전혀 없습니다.
무슨 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'그림은 제가 아이콘을 안올려서 안보이네요..^^;;
아이콘 잘 만들어서 쓰시구요~
그림같은 거 다 바꿀수 있어요.
친구가 보내주네요~
그럼, 잘 쓰시구요,
중복이면 삭제할께요...ㅠ_ㅠ


허접한 설명이었습니다.
실은 저도 방금 친구에게서 받은거라..쩝
크롬리스때문에 고생하시는 분들, 쓰시면 괜찮을 거라 생각합니다.
제목 글쓴이 날짜
php 다운 받기 - 그림설명 [1] 이성헌 2003.07.27
apache 다운받기 - 그림설명 [2] 이성헌 2003.07.27
Windows 2003 엔터프라이즈 에서 FTP 사용하기..(이미지첨부버젼) [10] file 무꾸 2003.07.26
우리호스트 DNS 활용하기 [4] HoYa™ 2003.07.08
NOP_0x90 Document No.4(APM연동 php-4.3.2편) [2] NOP_0x90 2003.07.06
NOP_0x90 Document No.3(APM연동 apache-2.0.46편) NOP_0x90 2003.07.06
NOP_0x90 Document No.2(APM연동 Mysql-DB설정편) NOP_0x90 2003.07.06
NOP_0x90 Document No.1(APM연동 Mysql-4.0.13편) NOP_0x90 2003.07.06
쉘상에서 DB 간단하게 생성하기.. 수정입니다. [1] NOP_0x90 2003.07.05
쉘상에서 사용자 계정과 DB계정 간단하게 생성하기. NOP_0x90 2003.07.05
저만의 보안 방법. (리눅스) [12] Blainfo 2003.07.04
스팸메일 유의 하십시오... [1] Dopesoul 2003.07.03
2차도메인을 이용한 내컴퓨터 자료실로 이용하기 [3] 무꾸 2003.06.27
제로보드 data 디렉토리에 링크방지 걸기..(울트라 허접팁) [5] 무꾸 2003.06.27
극심한 시스템 파괴시 재해복구 Process [7] Dopesoul 2003.06.14
webalizer 윈도우+아파치에서 돌려보기 [3] [1] HuHu^^; 2003.06.12
윈98에서 Apache+iASP+Tomcat4.x+Mysql+PHP ...사용하기 [5] 한희진 2003.06.11
apache 서버에서 디렉토리 보기 방지. [5] 이성헌 2003.06.08
apache 서버에서 apache 인증 (윈도우에서 apm 설치후) 이성헌 2003.06.05
php 와 mysql 을 이용한 웹인증..(윈도우에서) 이성헌 2003.06.05