웹마스터 팁

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


허접한 설명이었습니다.
실은 저도 방금 친구에게서 받은거라..쩝
크롬리스때문에 고생하시는 분들, 쓰시면 괜찮을 거라 생각합니다.
제목 글쓴이 날짜
'대표도메인'연결후 '로그인'이 안될때,,(먹통) moonlight994 2011.01.24
회원확장정보 변수 (출처:sMaker) [5] 시니시즘 2010.07.19
로그인 폼에 관리자는 [Admin] 나타나게 하기 [4] file 오스카 2009.10.10
두개 이상의 홈페이지 운영 - Virtual host 설정 [1] 이성헌 2005.12.15
좋은 레이아웃 찿으시는 분들 선우님이 새로 또 하나의 좋은 레이아웃을 만드 셨네요... [2] 유샤인 2011.01.21
[ 도움요청 ] 게시판 리스트에서 작성한 사람만 작성한 리스트가 보이는 방법 ?? 잘살아서복수!! 2011.01.20
XE에서 레이아웃이나 기타의 페이지에 include 사용에 대한 오해??? [3] DuRi 2011.01.18
앞으로 공용선택자 사용은 그만.... [5] ForHanbi 2010.11.23
XE 업데이트 이후 발생하는 문제들에 대한 대응책 정리 [18] file Gekkou 2009.11.19
텍스타일 블로그 메인페이지 만들기 [1] designm 2011.01.13
Content위젯에서 분류명(카테고리)를 이미지로 표현하기 [1] nalireco 2011.01.12
Ubuntu 웹서버 구축 3. ZBXE 설치 [22] [1] earthian 2008.05.23
XE 공식 게시판에 (다운로드) 같은 '임의목록' 집어 넣기 (확장변수x) [1] file 999 2010.12.30
ie6에서 css를 일부 불러들이지 못할때 대처법 아쮸 2011.01.04
파일 업로드시에 403에러 발생시 해결방법. [12] WhiteAT 2007.09.12
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php [12] file 예뜨락 2004.11.17
OpenID 적용 [6] file 맑은하늘75 2007.08.20
1.3.0 버전에서 모듈설치 방법과 시작 모듈 설정하기 [21] file 스타호스트 2009.11.11
"제로보드 XE 기본 개념을 이해하자" 문서화 [3] file amd짱좋아 2009.11.13
파일질라에서 html 파일 수정법 불패의초인 2010.11.11