공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227861 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295538 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245626 | 14 | 2006-09-14 | 2010-08-19 12:45 |
83 |
일반
포토샵없이 그림에 멋진효과 내기
1
|
오작교 | 16940 | 20 | 2005-08-25 | 2005-08-25 00:30 |
1. 투명한 효과 img src="https://park5611.pe.krzb41pl5/data/img_1/sunset5_1.jpg" style="filter:alpha(opacity=100, style=2, finishopacity=0)"> 2. 햇살이 비치는 효과 img src="https://park5611.pe.krzb41pl5/data/img_1/sunset5_1.jpg"style="filter...
|
82 |
Script
문서 열림과 동시에 팝업 창 띄우기
|
오작교 | 16772 | 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();"
|
81 |
일반
Target의 속성
1
|
오작교 | 13845 | 20 | 2006-05-06 | 2006-05-06 09:27 |
※ target 속성 타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없...
|
80 |
Script
시간을 지연하여 음악을 플레이시키는 스크립트
|
오작교 | 17010 | 20 | 2006-05-21 | 2010-11-15 11:41 |
<html> <head> <title>재생 스크립트</title> <script> function delay_play() { document.player1.Play(); } </script> </head> <body onload="setTimeout('delay_play()',15000)"> <embed src="https://myhome.naver.com/namhk72/pop/adrine.wma autostart=f...
|
79 |
HTML
글자에 배경넘기
1
|
오작교 | 25207 | 20 | 2006-11-21 | 2006-11-21 17:32 |
오작교의 홈을 사랑하시는 여러분 !! font style="BACKGROUND-COLOR: red; COLOR: white">오작교의 홈을 사랑하시는 여러분 !!/font> 오작교도 여러분을 사랑합니다!! font style="font-size:14pt;BACKGROUND-COLOR: 00ffff; COLOR: 000000">오작교도 여러분을...
|
78 |
PHP
Subject 초보자를 위한 PHP 강좌 14부 - 반복 제어문(2)
|
오작교 | 17515 | 20 | 2007-03-14 | 2007-03-14 22:23 |
안녕하세요~~ 요즘 강좌글이 너무 뜸하게 올라오죠. 죄송...^^ 오늘은 앞 강좌에 이어서 반복 제어문에서 사용되는 "break", "continue" 구문에 대해서 알아보겠습니다. break 구문은 for, while 등의 반복 제어문과 같이 사용되는 것으로 반복문이 사용된 블...
|
77 |
Script
마우스가 올라오면 랜덤으로 색갈이 변하는 소스
|
오작교 | 17559 | 21 | 2006-04-16 | 2006-04-16 21:40 |
<p align="center">표위에 마우스를!!</p> <table align="center" border="1" width="200" height="200" cellpadding="0" cellspacing="0"> <tr> <td onmousemove="gogo(this)"> <p> </p> </td> <td onmousemove="gogo(this)"> <p> </p> </td> <td onmousemove...
|
76 |
CSS
배경그림 고정하기
|
오작교 | 15517 | 21 | 2006-04-17 | 2006-04-17 15:04 |
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
75 |
CSS
움직임이 부드러운 슬라이딩 탑버튼
|
오작교 | 17561 | 22 | 2006-04-16 | 2006-04-16 21:10 |
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
74 |
CSS
레이어를 원하는 곳에 고정하기
|
오작교 | 14131 | 22 | 2006-04-16 | 2006-04-16 21:14 |
다음을 헤드나 바디에 넣으세요. <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; action = window.setInterval("heartBeat()",1); function heartBeat() { // combowid...
|
73 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 21612 | 22 | 2006-05-06 | 2006-05-06 10:20 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
72 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 15198 | 22 | 2006-05-06 | 2006-05-06 20:12 |
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
71 |
Script
움직임이 부드러운 슬라이딩 TIP 버튼
|
오작교 | 23863 | 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) || (...
|
70 |
HTML
색상있는 셀렉트 홈
|
오작교 | 78787 | 22 | 2006-09-14 | 2006-09-14 11:35 |
select color black darkslategray dimgray gray slategray lightslategray darkgray silver lightgrey gainsboro white seashell snow ghostwhite floralwhite whitesmoke aliceblue azure oldlace mintcream papayawhip peachpuff linen palegoldenrod mist...
|
69 |
CSS
여러방법의 창닫기
|
오작교 | 28624 | 23 | 2006-04-16 | 2006-04-16 21:41 |
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
|
68 |
일반
Text Area
|
오작교 | 20824 | 23 | 2006-05-06 | 2006-05-06 20:20 |
텍스트 에어리어(text area) 오른쪽 정렬입니다 글자를 쳐보세요 투명한 스크롤바 소스 + 정렬하기 + 선종류바꾸기 + 글자크기바꾸기를 사용 text area with dotted line 선종류바꾸기 (점선) + 가운데 정렬 + 글자모양바꾸기 + 스크롤바 색 바꾸기를 사용 선...
|
67 |
HTML
Iframe없이 한문서에 박스를 만들어 내는 태그
|
오작교 | 19762 | 23 | 2006-09-14 | 2006-09-14 10:53 |
iframe없이 한 문서내에 박스를 만들어내는 태그입니다. #box1 {width: 190; height: 100; overflow: auto; padding:5px; border:1 solid #e9e9e9;} #box2 {width: 190; height: 100; overflow: auto; padding:5px; border:1 solid #000000;} 나의 밤기도는 길...
|
66 |
HTML
<<!>td>를 간단하게 하는 <<!>col> 태그
|
오작교 | 17020 | 23 | 2006-09-14 | 2006-09-14 13:43 |
테이블을 많이 사용하다 보면 보통 한 테이블 안에 <td>태그가 보통 이십개를 넘어가는 경우가 있습니다. 이러할 경우에 각 <td>에 width, align, valign, style, class, heigt 등을 각각 넣어주는데 만일 테이블을 고쳐야 할 경우에는 각각의 <td>태그안에 들...
|
65 |
CSS
글자정렬
|
오작교 | 15412 | 24 | 2006-04-17 | 2006-04-17 14:11 |
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
64 |
CSS
이미지에 효과를 주어보자
|
오작교 | 15308 | 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=...
|