<style>
<!--
       #postit{position:absolute;width:250;padding:5px;background-color:lightyellow;border:1px solid black;visibility:hidden;z-index:100;cursor:hand;}
-->
</style>

 


<body>

<div id="postit" style="left:150px;top:150px">
<div align="right"><b><a href="javascript:closeit()">[닫기]</a></b></div>

<b>포스트잇 스크립트</b><br>
<p>페이지를 열면 작은 공지창 처럼 뜨는 포스트잇 스크립트 입니다<br>
마우스로 원하는 위치에 끌어 놓을 수 있답니다</p>
<p>이 공지창은 브라우저를 열때마다 뜨게 할 수도 있고, 한번만 열리게 할 수도 있습니다</p>
</div>

<script>
var once_per_browser=0; //0은 브라우저 실행시마다 1은 딱 한번만

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
       crossobj=document.layers.postit;
else if (ie4||ns6)
       crossobj=ns6? document.getElementById("postit") : document.all.postit;

function closeit(){
       if (ie4||ns6)
               crossobj.style.visibility="hidden";
       else if (ns4)
               crossobj.visibility="hide";
}

function get_cookie(Name) {
       var search = Name + "=";
       var returnvalue = "";

       if (document.cookie.length > 0) {
               offset = document.cookie.indexOf(search);

               if (offset != -1) {  
                       offset += search.length;
                       end = document.cookie.indexOf(";", offset);

                       if (end == -1)
                               end = document.cookie.length;

                       returnvalue=unescape(document.cookie.substring(offset, end));
               }
       }

       return returnvalue;
}

function showornot(){
       if (get_cookie('postdisplay')==''){
               showit();
               document.cookie="postdisplay=yes";
       }
}

function showit(){
       if (ie4||ns6)
               crossobj.style.visibility="visible";
       else if (ns4)
               crossobj.visibility="show";
}

if (once_per_browser)
       showornot();
else
       showit();

</script>


<script language="JavaScript1.2">

function drag_drop(e){
       if (ie4&&dragapproved){
               crossobj.style.left=tempx+event.clientX-offsetx;
               crossobj.style.top=tempy+event.clientY-offsety;
               return false;
       }
       else if (ns6&&dragapproved){
               crossobj.style.left=tempx+e.clientX-offsetx;
               crossobj.style.top=tempy+e.clientY-offsety;
               return false;
       }
}

function initializedrag(e){
       if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
               offsetx=ie4? event.clientX : e.clientX;
               offsety=ie4? event.clientY : e.clientY;

               tempx=parseInt(crossobj.style.left);
               tempy=parseInt(crossobj.style.top);

               dragapproved=true;
               document.onmousemove=drag_drop;
       }
}

document.onmousedown=initializedrag;
document.onmouseup=new Function("dragapproved=false");

</script>
</body>
</html>

 

저작자표시 비영리 변경금지

문서 크기에 맞게 아이프레임 자동 조절

<head> </head> 안에 넣어주세요

<script>
   function initsize() {
                               self.resizeTo(document.body.scrollWidth, document.body.scrollHeight);
                             }
</script>

<body> 사이에 넣어주세요

<body bgcolor="#FFFFFF" onLoad="initsize();">

저작자표시 비영리 변경금지

주소줄에 아이콘 넣기

[meta]
[link rel="SHORTCUT ICON" href="http://경로를적으세요/favicon.ico"]
[/meta]

저작자표시 비영리 변경금지

<a onfocus="blur()" href="#"

                  OnMouseOut="na_restore_img_src('qt1[구분명]', 'document')" 

                  OnMouseOver="na_change_img_src('qt1', 'document', '[2차 마우스가 올라간 후 나올 이미지 경로]', true)"><img src="[1차 페이지 처음 표시 이미지 경로]" border="0" name="qt1[구분명]"></a>

저작자표시 비영리 변경금지

<table border=0 cellpadding=0 cellspacing=0 width=100% height=100% align=center>
   <tr>
      <td width=100% height=100% align=center valign=middle>
------------------------------------------------------------->
       들어갈 내용을 넣으면 웹 브라우저 상하좌우 가운데 정렬로
       정 중앙에 내용이 뜨게 됩니다.
------------------------------------------------------------->
      </td>
   </tr>
</table>

저작자표시 비영리 변경금지

테이블 라인 형식(border)

<!-- 테이블 스타일로 구현 -->
<table style="border-collapse:collapse;" border=1 bordercolor=teal>
   <tr>
      <td>내용1입니다.</td>
      <td>내용2입니다.</td>
   </tr>
   <tr>
      <td>내용3입니다.</td>
      <td>내용4입니다.</td>
   </tr>
</table>

<br><br><br>

<!-- 테이블 셀간격을 이용한 구현 -->
<table bgcolor=red border=0 cellspacing=1>
   <tr bgcolor=white>
      <td>내용1입니다.</td>
      <td>내용2입니다.</td>
   </tr>
   <tr bgcolor=white>
      <td>내용3입니다.</td>
      <td>내용4입니다.</td>
   </tr>
</table>

 

 

저작자표시 비영리 변경금지
로그인 ID부분에 커서 자동으로 가게하기

<body>부분에 아래 코드를 삽입한다.
onload="폼이름.텍스트박스이름.focus();"

폼이름과 텍스트박스이름을 넣는다.
제로보드스킨을 이용한 로그인인 경우, 로그인 스킨에 가면 확인할 수 있다.

예)
<form name=zb_login method=post action="[action]" onsubmit="return zb_login_check_submit();">

- zb_login(폼이름)

<input type="text" name="user_id" maxlength="18" size="12" style="font-family:Tahoma; font-weight:bold; font-size:9pt; color:white; background-color:rgb(153,0,0); border-width:1; text-align:right; border-color:rgb(153,0,0); border-style:none;">

- user_id(텍스트박스이름)

그렇다면... onload="zb_login.user_id.focus();"이라고 입력하고 저장한다.

결론적으로 아래와 같이 입력한다.
<body  leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onload="zb_login.user_id.focus();">

 

저작자표시 비영리 변경금지

THML 제작시 한글 인코딩 시키기 위한 명령어...
HEAD HTML에 넣어 사용합니다.

<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">

유용하게 써야지..ㅋㅋ


영문과 한글일 경우는

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />

저작자표시 비영리 변경금지

<a onfocus="blur()" href="#">내용</a>

저작자표시 비영리 변경금지


style="background:url(http://이미지경로) no-repeat;"

저작자표시 비영리 변경금지

+ Recent posts

티스토리툴바