| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 200051 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215619 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214701 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 63 |
CSS
이미지에 효과를 주어보자
|
오작교 | 10379 | 24 | 2006-04-17 | 2006-04-17 15:35 |
|
img src="https://loveking.co.kr/img/rose1.gif" style="Filter: Alpha (Opacity=20, Style=0)"> img src="https://loveking.co.kr/img/rose1.gif" style="Filter: Alpha (Opacity=80, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=...
|
| 62 |
Script
시간에 따라 바뀌는 배경화면
|
오작교 | 15368 | 9 | 2006-04-17 | 2006-04-17 15:26 |
|
<script language="JavaScript"> /*배경설정이 적용되려면 body태그 내에 지정된 배경이미지가 없어야 합니다.*/ day=new Date() x=day.getHours() if(x>=0 && x<4) { //밤 12시 부터 새벽 4시 document.write('<body background="이미지주소">') document.wri...
|
| 61 |
Script
깔끔한 슬라이드 메뉴 만들기
|
오작교 | 17451 | 14 | 2006-04-17 | 2006-04-17 15:25 |
|
<style> <!-- 주석중 "무시..."부분은 변경 불가 소스거나 수정시 (예:크기지정) 아무런 변화가 없을시 그리고 주석 붙인이가 모를때.. ^^;; //--> <!-- .menu { <!-- ## 메인 메뉴 ## 무시.. 배경색 메뉴 테두리 색 가로 크기 글자 크기 글자체 글자 속성 (기...
|
| 60 |
Script
우측키 사용금지하는 소스
|
오작교 | 13147 | 7 | 2006-04-17 | 2006-04-17 15:24 |
|
<!-- body와 body 사이에 넣는다> <script language="JavaScript"> <!-- function click() { if ((event.button==2) || (event.button==3)) { alert('눌러서 뭐하게?'); } } document.onmousedown=click if (navigator.appName == "Netscape") { document.capt...
|
| 59 |
일반
소스보기를 금지하려면
|
오작교 | 10634 | 6 | 2006-04-17 | 2006-04-17 15:22 |
|
소스보기를 금지하려면 body를 다음과 같이 수정하세요. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
| 58 |
CSS
배경그림 고정하기
|
오작교 | 10766 | 21 | 2006-04-17 | 2006-04-17 15:04 |
|
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
| 57 |
CSS
마우스를 올리면 변하는 색상
|
오작교 | 14196 | 41 | 2006-04-17 | 2006-04-17 14:58 |
|
위의 테이블 위에 마우스커서를 각각 올려보세요. 마우스커서가 테이블에 올라가면 셀이나 줄, 혹은 테이블 전체의 색이 변해서 선택되어진 곳을 명확하게 해 줍니다. 의 테이블 안(td, tr, table 중 선택)에 아래 소스를 추가합니다. onmouseover="this.style...
|
| 56 |
CSS
글자정렬
|
오작교 | 10966 | 24 | 2006-04-17 | 2006-04-17 14:11 |
|
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
| 55 |
Script
타이핑 되듯이 써지는 글자
1
|
오작교 | 10977 | 9 | 2006-04-16 | 2006-04-16 23:16 |
|
|
| 54 |
Script
반짝거리는 글씨
1
|
오작교 | 14201 | 10 | 2006-04-16 | 2006-04-16 23:07 |
|
반짝거리는 글씨 1. 먼저 <head> 와 </HEAD> 사이에 아래 스크립트를 넣습니다. <script> function doBlink() { var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == ""...
|
| 53 |
Script
부드럽게 펼쳐지는 가로 메뉴
|
오작교 | 12991 | 15 | 2006-04-16 | 2006-04-16 22:56 |
|
is = {}; is.agent = navigator.userAgent.toLowerCase(); is.ie4 = (is.agent.indexOf("msie 4") != -1); is.ie5 = (is.agent.indexOf("msie 5") != -1); is.ie55 = (is.agent.indexOf("msie 5.5") != -1); is.ie6 = (is.agent.indexOf("msie 6") != -1); is...
|
| 52 |
Script
한번에 링크 테두리 없애기
|
오작교 | 13002 | 18 | 2006-04-16 | 2006-04-16 22:52 |
|
흔히 링크버턴 등에 생개는 점선을 없애기 위해서 onfocus='this.blur()' 라는 태그를 많이 쓰고 계시죠? 아래 소스는 단 한번 입력만으로 문서 전체에 점선 테두리를 없애는 소스입니다. <body> 와 </body> 사이에 입력 하세요. <script language="JavaScript...
|
| 51 |
Script
클릭시 폼안의 전체문장이 선택
|
오작교 | 11828 | 15 | 2006-04-16 | 2006-04-16 22:27 |
|
예제보기 https://www.yeoyoo.com/insert.html <body>사이에 <table cellpadding="3" cellspacing="1" width="458" bgcolor="#9966CC" align="center"><tr> <td bgcolor="#F0D3F0" height="25" width="98%"> <p align="center"><b>배너 삽입 소스 클릭한번으로...
|
| 50 |
Script
폼 입력값 내용을 확인
|
오작교 | 12098 | 33 | 2006-04-16 | 2006-04-16 22:23 |
|
예제보기 https://www.yeoyoo.com/act1.html 입력문서와 출력문서 2개가 필요합니다. 1. 입력할 문서 <body>사이에 <FORM name=form1 ACTION="출력문서 이름"> <table cellpadding="3" cellspacing="1" width="541" bgcolor="#ffccff" align="center"><tr> <td...
|
| 49 |
Script
인증된 회원만 입장하는 스크립트
|
오작교 | 12288 | 37 | 2006-04-16 | 2006-04-16 22:23 |
|
<head> 에 <SCRIPT LANGUAGE="JavaScript"> <!-- function password() { var count = 0; var pass = prompt('비밀번호를 입력하세요',''); while(count <=2 ) { if (pass == "1234") { alert('회원님 안녕하세요?'); location.href="요기에 열릴 파일경로를 쓰...
|
| 48 |
Script
상태바에 날짜, 시간 안내글 표시하기
|
오작교 | 12730 | 35 | 2006-04-16 | 2006-04-16 22:19 |
|
아래의 소스를 <body></body>사이에 넣어 주세요 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var message = " " message +="--- 여유^^*"; message +="-- 여유로운 삶은 자신이 만들어 갑니다."; message +="-- 늘 여유로운 생활이 되시기를 !"; //문구 삽입 ...
|
| 47 |
Script
이미지 싸이즈대로 새창띄우면서 풍선도움말 넣고, 창닫기
1
 |
오작교 | 11820 | 34 | 2006-04-16 | 2015-05-12 13:48 |
|
|
| 46 |
Script
말풍선 투명하게 만들기
|
오작교 | 14176 | 25 | 2006-04-16 | 2006-04-16 22:15 |
|
<html> <head> <script language="JavaScript"> <!-- function alt( msg, _width, _height ){ var _style = alt_div.style; if( msg != null ){ alt_div.innerHTML = msg; _style.visibility = "visible"; if( _width != null ){ if( alt_div.offsetWidth > _w...
|
| 45 |
Script
문서 열림과 동시에 팝업 창 띄우기
|
오작교 | 12813 | 20 | 2006-04-16 | 2006-04-16 22:13 |
|
<script> function popup() { window.open("/popup.html","","width=460,height=640,resizable=no,scrollbars=no,statusbar=no"); } </script> body에 onload="popup();"
|
| 44 |
Script
심플한 펼침메뉴
|
오작교 | 12180 | 15 | 2006-04-16 | 2006-04-16 21:58 |
|
사이에 body에 body 사이에 menu 1 @submenu 1 @submenu 2 @submenu 3 menu 2 @submenu 1 @submenu 2 @submenu 3 menu 3 @submenu 1 @submenu 2 @submenu 3 menu 4 @submenu 1 @submenu 2 @submenu 3 menu 5 @submenu 1 @submenu 2 @submenu 3 * 메뉴 추가 방...
|
