<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;"

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

1. Alpha
- 투명도 만들기

사용 방법
filter:alpha(속성)

속성 내용
Opacity : 투명도 / 0이 투명 100이 불투명.
Finishopacity : 끝부분의 투명도 / 0이 투명 100이 불투명.
Style : 투명도의 모양
- 0 : 전체 / 기본값
- 1 : 직선
- 2 : 타원
- 3 : 사각형
StartX, StartY : 적용범위 시작부분의 X축과 Y축의 좌표값
FinishX, FinishY : 적용범위 끝나는부분의 X축과 Y축의 좌표값


2. Gray
- 흑백 만들기

사용 방법
filter:gray()

속성 없음


3. Invert
- 색 반전 만들기

사용 방법
filter:invert()

속성 없음


4. Xray
- Xray 만들기( X-ray사진처럼 됨)

사용 방법
filter:xray()

속성 없음


5. Wave
- 물결 넣기

사용 방법
filter:wave(속성)
add : 그림의 합쳐짐 여부
- 0 : 그림과 합쳐지지 않음
- 1 : 그림과 합쳐짐
freq : 물결(파동)의 개수
lightstrength : 빛의 세기 (0~100)
phase : 물결(파동)의 시작 위치 (0~100)
strength : 물결(파동)의 세기 (0~100)


6. Chrom
- 색상 없애기

사용 방법
filter:chroma(속성)

속성
color : 색상 [여기에 들어간 색상을 이미지에서 찾아 제거합니다.(투명색으로 변함)]


7. Blur
- 흐림 효과 넣기

사용 방법
filter:blur(속성)
add : 그림의 합쳐짐 여부
- 0 : 그림과 합쳐지지 않음
- 1 : 그림과 합쳐짐
direction : 방향을 설정합니다. (숫자로 설정)
strength : 흐려지는 범위 (숫자로 설정)


8. Filp
- 사진 뒤집기

사용 방법
filter:filph() [좌우 뒤집기]
filter:filpv() [상하 뒤집기]


[출처]http://www.xpressengine.com/htmlCssClass/19689271
저작자표시
상단 배경에 이미지 배경 삽입

/* Top BG */
body { 
           background: #ffffff(배경 색깔)
           url(파일경로)
           left(좌우 위치) 
           top(상하 위치)
           repeat-x;(반복여부)
       }
저작자표시
헤드 부분에 삽입할 코드
<script language="JavaScript" type="text/javascript" src="경로/swf.js"></script>

.js파일 코드<첨부파일에 파일 있음>

document.oncontextmenu=new Function("return false");
document.ondragstart=new Function("return false");
document.onselectstart=new Function("return false");

mousescript_off.js

저작자표시

+ Recent posts

티스토리툴바