ZbXE메뉴를 누르면 떠다니는 공지사항 보드 보입니다. 위 그림의 공지사항보드 만드는 방법파일출력(fileadd) ver 0.1 열기 홈페이지 파일을 출력하게하는 위젯입니다.PHP코드가 작동하는 방식과 그냥 읽어서 출력하는 방식이 있습니다.js같은 파일은 그냥 읽어서 출력하는것이 좋을듯 합니다. 간단한 기능을 일일이 위젯이나 애드온을 만들지 않고 쓸 수 있습니다.이 기능을 사용하여 페이지위에 공지사항보드를 추가 하는 파일입니다.내려 받은 notice.zip파일을 압축해제 후 적당한 위치에 올립니다.(예;/notice 루트에 notice란 폴더로..) 공지사항을 띄울 페이지수정에 들어가 파일출력위젯을 눌러 파일경로란에 /notice/notice.htm 를 적고 저장을 눌러주면 됩니다.(중요 : /와 이름을 정확하게 적어주어야 합니다. 틀리면 홈페이지 안 열림)공지사항 내용은 notice.htm을 편집기로 열어 보시면 아실 것입니다. <script language="JavaScript"> var x =0var y=0drag = 0move = 0window.document.onmousemove = mouseMovewindow.document.onmousedown = mouseDownwindow.document.onmouseup = mouseUpwindow.document.ondragstart = mouseStopfunction mouseUp() { move = 0}function mouseDown() { if (drag) { clickleft = window.event.x - parseInt(dranoticebj.style.left) clicktop = window.event.y - parseInt(dranoticebj.style.top) dranoticebj.style.zIndex += 1 move = 1 }}function mouseMove() { if (move) { dranoticebj.style.left = window.event.x - clickleft dranoticebj.style.top = window.event.y - clicktop }}function mouseStop() { window.event.returnValue = false}function Show(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "visible"; divid.filters.blendTrans.play(); }function Hide(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "hidden"; divid.filters.blendTrans.play(); } //--></SCRIPT><body><!--공지창소스 시작 --> <div id="Notice" style="position:absolute;left:222px;top:200px;filter:revealTrans // 이 부분이 위치정보(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;; width: 300px" onmouseover="dranoticebj=Notice; drag=1;move=0" onmouseout="drag=0"> <table border="0" cellpadding="0" cellspacing="0" width="300"> <tr> <td colspan="3"><img src="../notice/_notice_title1_left.gif" width="10" height="19" border="0" style="cursor:move"><img src="../notice/_notice_title1_center.gif" width="273" height="19" style="cursor:move"><a href="javascript:void(Hide(Notice))" onMouseOver="window.status=(':: 공지사항 닫기!! ::');return true;" onMouseOut="window.status=('');return true;"><img src="../notice/_notice_title1_right.gif" width="17" height="19" border="0"></a></td></tr> <tr> <td rowspan="3" background="../notice/_notice_title3.gif"><img src="_space.gif" width="5" height="2"></td><td width="290" rowspan="3" bgcolor="white"> <table align="center" width="290"> <tr bgcolor="#000000"> <td colspan="2"> <table border="0" cellpadding="3" align="center" width="100%" cellspacing="1" style="cursor:default"> <tr bgcolor="#416B93"> <td colspan="2"> <div align="center"><font color="white"> <b>:: 공지사항 ::</b></font></div> </td></tr> <tr bgcolor="#E3E3E3"> <td colspan="2" align="center"> 공지사항 입니다..<br> 마우스로 잡아 끌면 움직이고 <br> X를 누르면 사라집니다. <br> 한가지.. 공지창의 위치를 잡는것이 <br> IE전용 스타일시트라서 <br> 파폭에선 제대로 작동되지 않습니다. <br> <br> </font></td> </tr> <tr bgcolor="#416B93"> <td colspan="2"> <div align="right"><font color="#FFFFFF" style="font-size:9pt">:: http://moonhouse.co.kr :: </A></font></div></td></tr> </table></td></tr> </table></td><td rowspan="3" background="../notice/_notice_title4.gif"><img src="_space.gif" width="5" height="2"></td></tr> <tr> </tr> <tr> </tr> <tr> <td colspan="3"><img src="../notice/_notice_title2.gif" width="300" height="5"></td></tr> </table></div><!-- 공지창소스 끝 --></body>위치 정보는 말 그대로 좌에서 위치 상단에서 위치를 나타냅니다.img src="../notice/_notice_title1_left.gif 이미지삽입 부분들이 꽤 있는데 보드의 이미지파일들입니다.귀찮아도 일일이 경로를 적어주셔야 보드가 예쁘게 나옵니다.그리고 내용적는 곳 이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점 로그인 후 평가하실 수 있습니다.
이모티콘 2,800여개 모음