| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 227452 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295806 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 245462 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 83 |
Script
간단한 앨범을 만들자
|
오작교 | 22588 | 14 | 2006-08-29 | 2006-08-29 15:19 |
|
<table border="0" cellpadding="3" bgColor=#000000> <tr><td align=center><font color=white><b>대류커뮤니티 - 장나라사진</b></font></td></tr> <tr height=280 align=center bgcolor=white><td width="100%"> <!--- 처음 보여줄 이미지 ---> <img src="i...
|
| 82 |
CSS
background-image
|
오작교 | 22592 | | 2009-07-07 | 2010-04-13 13:29 |
|
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
| 81 |
일반
음악을 링크해보자
3
|
오작교 | 22616 | 30 | 2005-03-09 | 2005-03-09 18:10 |
|
음악을 링크해보자! 우선 소리바다의 음악은 인터넷상에서 사용할수 있는 상태가아닙니다.. 인터넷에서는 계정에 올려져 있어야지만 경로를 알수있고 경로를 알아야만 이용할수있습니다.. [bgsound src="배경음악파일주소" loop="infinite"] [embed src="배경...
|
| 80 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 22679 | | 2009-07-07 | 2009-07-07 17:04 |
|
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
| 79 |
CSS
Text Border 속성
|
오작교 | 22772 | | 2009-07-07 | 2009-07-07 17:01 |
|
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
|
| 78 |
Script
복사방지 페이지 프로텍트 풀기
|
오작교 | 22819 | 13 | 2006-05-21 | 2006-05-21 17:57 |
|
마우스-드래그로 텍스트 선택 금지 등의 스크립트로 글의 내용이나 주소를 퍼가지 못하도록 해놓은 페이지를 다시 드래그나 등록정보를 볼수 있게 해주는 스크립트입니다. 즉 마우스 드래그 금지를 해놨다고 해도 이 프로텍트 풀기 스크립트를 사용하시면 마우...
|
| 77 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 23026 | | 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>
|
| 76 |
Script
보이기 / 감추기 스크립트
|
오작교 | 23143 | | 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()'>...
|
| 75 |
HTML
iframe 태그 -1
|
오작교 | 23188 | 17 | 2006-10-31 | 2006-10-31 09:57 |
|
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이...
|
| 74 |
Script
실행하기 전에 확인하는 스크립트
|
오작교 | 23292 | | 2007-10-23 | 2007-10-23 16:50 |
|
오작교의 홈으로 가기 a href="https://www.park5611.pe.kr" onClick="if(confirm('오작교의 홈으로 갈까요?')){return true;}else{return false;}">오작교의 홈으로 가기/a>
|
| 73 |
HTML
fieldset을 이용한 예쁜 공지창을 만들기
|
오작교 | 23318 | 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: ...
|
| 72 |
일반
레이어를 이용한 영상시 만들기
2
|
오작교 | 23454 | 98 | 2005-11-05 | 2005-11-05 10:21 |
|
오늘은 레이어를 이용하여 영상시를 만드는 방법에 관하여 한 번 알아 봅니다. 영상시 보기 이 방법을 사용하는 이유는 영상의 배경으로 사용해야 할 이미지가 너무 크거나 작아서 background="이미지주소"의 방법으로 사용하기가 곤란하였던 것을 레이어를 이...
|
| 71 |
Script
랜덤 이미지 스크립트
|
오작교 | 23606 | 10 | 2006-05-21 | 2006-05-21 18:40 |
|
<Script Language ="JavaScript"> <!-- function RandomNumber() { var today = new Date(); var num= Math.abs(Math.sin(today.getTime()/1000)); return num; } function RandomGraphics() { var x = RandomNumber(); if (x > .77) {document.write ("<img s...
|
| 70 |
Script
input안에 미리 글자를 넣어놓기
|
오작교 | 23793 | | 2007-10-23 | 2007-10-23 17:14 |
|
input type="text" onfocus="this.value='';" value="이름을 입력하세요">.
|
| 69 |
Script
움직임이 부드러운 슬라이딩 TIP 버튼
|
오작교 | 24062 | 22 | 2006-05-06 | 2006-05-06 20:33 |
|
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
| 68 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 24070 | | 2009-04-30 | 2009-04-30 09:41 |
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
| 67 |
일반
배경음악 제어하기
|
오작교 | 24128 | 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();">■ ...
|
| 66 |
일반
SWF파일 다운받아서 소스보기
3
|
오작교 | 24251 | 36 | 2006-01-29 | 2006-01-29 12:23 |
|
◈ SWF파일 다운받는 방법 1] 태그연습장에 다음과 같이 씁니다 <a href="이곳에 다운받을 swf주소를넣습니다">다운받습니다,오른쪽마우스클릭. 다른이름으로대상 저장합니다. </a> 예)다운받습니다,오른쪽마우스클릭. 다른이름으로 대상 저장합니다. 2] swish ...
|
| 65 |
HTML
배경이미지 고정하기
|
오작교 | 24276 | 19 | 2006-11-29 | 2006-11-29 08:54 |
|
배경을 고정시키는 방법은 Body내에 background=Image를 넣고 bgproperties="FIXED"를 추가한다.
|
| 64 |
Script
글자 및 이미지에 깜박이는 효과 주기
1
|
오작교 | 24579 | | 2007-10-23 | 2007-10-23 17:08 |
|
<html> <head> <script language="JavaScript"> function doBlink() { var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" } function startBlink()...
|
