공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 217618 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 263804 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 233632 | 14 | 2006-09-14 | 2010-08-19 12:45 |
63 |
일반
레이어를 이용한 영상시 만들기
2
|
오작교 | 20410 | 98 | 2005-11-05 | 2005-11-05 10:21 |
오늘은 레이어를 이용하여 영상시를 만드는 방법에 관하여 한 번 알아 봅니다. 영상시 보기 이 방법을 사용하는 이유는 영상의 배경으로 사용해야 할 이미지가 너무 크거나 작아서 background="이미지주소"의 방법으로 사용하기가 곤란하였던 것을 레이어를 이...
|
62 |
일반
만화로 배우는 포토샵
3
|
오작교 | 20436 | 93 | 2004-11-24 | 2009-11-19 18:17 |
|
61 |
Script
깔끔한 슬라이드 메뉴 만들기
|
오작교 | 20462 | 14 | 2006-04-17 | 2006-04-17 15:25 |
<style> <!-- 주석중 "무시..."부분은 변경 불가 소스거나 수정시 (예:크기지정) 아무런 변화가 없을시 그리고 주석 붙인이가 모를때.. ^^;; //--> <!-- .menu { <!-- ## 메인 메뉴 ## 무시.. 배경색 메뉴 테두리 색 가로 크기 글자 크기 글자체 글자 속성 (기...
|
60 |
일반
스위시나 플래시위에 글 올리기
|
오작교 | 20545 | 77 | 2005-10-18 | 2005-10-18 23:17 |
오작교의 홈 플래시 위에는 텍스트나 이미지를 올리는 것은 불가능하다고 알고 있는데.. 가상화면인 레이어를 응용하면 가능합니다. 소스에서 플래쉬의 주소를 사용하고자 하는 플래쉬 주소로 바꾸어주고, '레이어의 위치 선정하기'에서 글이 들어갈 넓이(wid...
|
59 |
Script
새창 띄우기(펌)
|
오작교 | 20577 | | 2009-02-03 | 2009-02-03 16:05 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
58 |
일반
Fieldset을 이용한 이쁜 공지창을 만들자
|
오작교 | 20660 | 12 | 2006-05-06 | 2006-05-06 19:52 |
예제 오작교의 홈 간단한 공지사항으로 사용 기본적인 태그 <fieldset><legend align="center">제목</legend>내용</fieldset> 색상 변경 style="border:1 solid 테두리 색상" 또는 style="border:1 solid; border-top-color: 위쪽색상;border-right-color: 오...
|
57 |
일반
스위시 영상에서 글 스크롤 시키기
|
오작교 | 20683 | 94 | 2005-10-10 | 2005-10-10 16:18 |
스위시 프로그램으로 영상시를 만드는 것 중에서 클이 스크롤이 되는 효과를 알아 보도록 하겠습니다. 먼저 예제을 한 번 보겠습니다. 클릭 예제보기 클릭 예제소스 받기 제가 가지고 있는 스위시 프로그램이 2004. 08. 23.버젼이기 때문에 그보다 더 낮은 버...
|
56 |
Script
보이기 / 감추기 스크립트
|
오작교 | 21134 | | 2007-10-23 | 2007-10-23 16:56 |
보이기/감추기 function menu(){ if (ch.style.display == 'none') { ch.style.display = ''; } else { ch.style.display = 'none'; } } // 출력할 내용이 들어갈 부분 // input onclick='menu()' type=checkbox name=chk value='yes' onfocus='this.blur()'>...
|
55 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 21150 | | 2009-04-30 | 2009-04-30 09:41 |
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
54 |
HTML
마우스를 링크위에 올리면 소리내기
|
오작교 | 21530 | | 2008-01-08 | 2008-01-08 16:02 |
일단.. <head>와</head> 사이에 <bgsound src="#" id=msound loop=1 autostart="true"> 집어 넣습니다.. 그리고 <body>와 </body>의 원하는 곳에 아래처럼 링크합니다. <a href="주소" onMouseOver="document.all.msound.src='소리url'">링 크</a> <a href="주...
|
53 |
HTML
textarea에 글자 넣기 및 응용
|
오작교 | 21629 | | 2009-04-30 | 2009-04-30 10:02 |
내용을 적어주세요.^^ 내용을 적어주세요.^^ textarea cols=40 rows=5 onClick="this.value=''">내용을 적어주세요.^^/textarea> textarea cols=40 rows=5 onMouseOver="this.value='마우스를 올리면 이렇게.....'" onMouseOut="this.value='마우스가 내려가...
|
52 |
HTML
html4와 5의 차이
|
오작교 | 21742 | | 2015-09-13 | 2015-09-13 21:30 |
html4와 html5차이 참조 사이트: https://www.webphp.co.kr/bbs/board.php?bo_table=data_01&wr_id=6 *{font-size:12px} .tableList{border-top:solid 1px rgb(19,194,193);border-left:solid 1px rgb(209,209,209);border-right:none;border-bottom:none...
|
51 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 21801 | | 2009-07-07 | 2009-07-07 16:40 |
<style type="text/css"> <!-- h1 { word-spacing:5px; } h2 { letter-spacing:7px; } --> </style> <body> 오작교의 스타일 시트 <h1>word-spacing 속성은 단어사이의 여백 조정</h1> <h2>letter-spacing 속성은 글자사이의 여백 조정 </h2> </body>
|
50 |
Script
선택된 테이블에 색상 입히기
|
오작교 | 21883 | | 2007-10-23 | 2007-10-23 17:00 |
. table width=100 height=30 border=1 bordercolor=000000> tr> td onmouseover="this.style.backgroundColor='ff0000'" onmouseout="this.style.backgroundColor=''"> /td>/tr>/table>
|
49 |
Script
iframe의 가로 세로 조정
|
오작교 | 22074 | | 2007-10-04 | 2007-10-04 11:45 |
아이프레임을 불러올시 가로 또는 세로 길이가 변경되었을 시 정해진 크기 외의 부분이 짤릴수 있습니다. 이를 해결할 방법으로 불러와 지는 페이지에 <head> 와 </head> 사이에 <script> function window::onload(){ self.resizeTo(document.body.scrollWidth...
|
48 |
일반
배경음악 제어하기
|
오작교 | 22087 | 102 | 2005-11-03 | 2005-11-03 10:14 |
▶ 음악연주 ■ 음악멈춤 embed src="https://data.park5611.pe.kr/music/1001/NottiSenzaAmore.wma" hidden=true autostart=false loop=1> a href="javascript:document.embeds[0].play();">▶ 음악연주/a> a href="javascript:document.embeds[0].stop();">■ ...
|
47 |
HTML
fieldset을 이용한 예쁜 공지창을 만들기
|
오작교 | 22128 | 48 | 2006-09-14 | 2006-09-14 11:14 |
예제 오작교 Field 간단한 공지사항으로 사용 기본적인 태그 <fieldset><legend align="center">제목</legend>내용</fieldset> 색상 변경 style="border:1 solid 테두리 색상" 또는 style="border:1 solid; border-top-color: 위쪽색상;border-right-color: ...
|
46 |
Script
input안에 미리 글자를 넣어놓기
|
오작교 | 23113 | | 2007-10-23 | 2007-10-23 17:14 |
input type="text" onfocus="this.value='';" value="이름을 입력하세요">.
|
45 |
HTML
테이블 프레임 속성
|
오작교 | 23129 | | 2015-08-30 | 2015-08-30 12:19 |
오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는 border 속성이 있을수 있겠고 또 정렬을 주는 align도 있겠습니다. 오늘은 그 중에 frame속성입니다. 이것은 예를들어 <table frame="above">를 주면 그 테이블은...
|
44 |
HTML
테이블 배경이미지도 크기를 지정해보자
|
오작교 | 23208 | | 2008-02-23 | 2008-02-23 11:42 |
DIV style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #fef4e7">table border=0 cellspacing=0 cellpadding=0 style='width:300px; height:100px; filter:progid:DXImageTransform...
|