| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 199910 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215477 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214550 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 103 |
Script
주민등록번호 확인 스크립트
|
오작교 | 14346 | 32 | 2006-05-06 | 2006-05-06 20:37 |
|
주민번호를 넣고 체크 버튼을 눌러서 확인해 보세요 - '9') { i3=i3+1 } } if ((str_jumin1 == '') || ( i3 != 0 )) { error(jumins.jumin1,'주민등록번호가 잘못되었습니다.\n\n다시입력해주세요!'); } var i4=0 for (var i=0;i'9') { i4=i4+1 } } if ((str_j...
|
| 102 |
Script
웹문서에 페이지 로딩중 효과
|
오작교 | 12390 | 26 | 2006-05-06 | 2006-05-06 20:34 |
|
로딩이 길어지는 문서에 페이지가 다 뜨기전에 '로딩중' 이라는 글씨를 나오게 합니다. 헤드부분에 <script language=javascript> n = document.layers ie = document.all function hide() { if (ie || n) { if (n) document.Load.visibility = "hidden" else ...
|
| 101 |
Script
움직임이 부드러운 슬라이딩 TIP 버튼
|
오작교 | 13524 | 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) || (...
|
| 100 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 11141 | 24 | 2006-05-06 | 2006-05-06 20:28 |
|
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
| 99 |
CSS
TD속에 배경을 고정하기
|
오작교 | 11419 | 28 | 2006-05-06 | 2006-05-06 20:24 |
|
TD속에 배경고정 <table align="center" border="1" width="256" height="230"> <tr> <td height="256" style="background color:white url(images/aaa.jpg) no-repeat fixed left bottom;" width="230"> </td> </tr> </table>
|
| 98 |
CSS
Filter Grow 적용하기
|
오작교 | 9715 | 25 | 2006-05-06 | 2006-05-06 20:23 |
|
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|
| 97 |
CSS
스타일 시트를 계속 사용하지
|
오작교 | 9283 | 17 | 2006-05-06 | 2006-05-06 20:21 |
|
<style>에서 </style>까지를 복사하여 style.css(예)로 저장합니다. (파일명은 마음대로..) 스타일시트가 필요한 문서를 열고 <head>와 </head>사이에 아래의 태그를 붙입니다. <link rel="stylesheet" type="text/css" href="style.css"> 그러면 style.css 하...
|
| 96 |
일반
Text Area
|
오작교 | 10618 | 23 | 2006-05-06 | 2006-05-06 20:20 |
|
텍스트 에어리어(text area) 오른쪽 정렬입니다 글자를 쳐보세요 투명한 스크롤바 소스 + 정렬하기 + 선종류바꾸기 + 글자크기바꾸기를 사용 text area with dotted line 선종류바꾸기 (점선) + 가운데 정렬 + 글자모양바꾸기 + 스크롤바 색 바꾸기를 사용 선...
|
| 95 |
일반
이미지와 글자정열
1
|
오작교 | 9905 | 12 | 2006-05-06 | 2006-05-06 20:14 |
|
기본적으로 이미지를 넣고 그 옆에 글자를 넣게 되면 아래로 정렬이 됩니다 상황에 따라서는 바꿔야 할 필요가 있으므로 여러 가지 정렬방식을 알아두는 것도 필요합니다 아무것도 사용하지 않은 기본 정렬입니다 이미지 아래와 똑같은 위치에 놓이게 됩니다 ...
|
| 94 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 11152 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 93 |
Script
마퀴 스크롤되는 글 마우스로 제어하기
|
오작교 | 11882 | 13 | 2006-05-06 | 2006-05-06 20:09 |
|
<marquee width="400" heith="150" direction="up" scrollamount="3" onmouseover=stop() onmouseout=start()><center> 여자와 함께하는 즐거운 홈 이왕에 오셨으면~ 많은 것 가져가시고 편안한 시간이 되시기를~ 마우스를 글위에 올려놓으면~ 무조건 STOP하지...
|
| 92 |
CSS
스타일 시트 총정리
|
오작교 | 9688 | 16 | 2006-05-06 | 2006-05-06 20:08 |
|
===== 스타일시트(css) 정리 ===== 속성 의미 Font 속성 Font-size 글자의 크기 Font-family 글꼴의 종류 Font-weight 글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Font-style 글자의 모양 - norm...
|
| 91 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 10982 | 12 | 2006-05-06 | 2006-05-06 20:03 |
|
<head>사이에 <style type="text/css"> .color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;} .color2 {filter='progid:DX...
|
| 90 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 10563 | 9 | 2006-05-06 | 2006-05-06 19:58 |
|
<table "filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=<SPAN class=font-color2>0</SPAN>, StartColorStr=시작색, EndColorStr=끝색)"> <tr> <td>내용부분</td> </tr> </table> 페이지 전체 적용시 <body "filter=progid:DXImageTransform...
|
| 89 |
일반
Fieldset을 이용한 이쁜 공지창을 만들자
|
오작교 | 16205 | 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: 오...
|
| 88 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 9734 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 87 |
CSS
칼라에 관한 스타일시트-1
1
|
오작교 | 8846 | 18 | 2006-05-06 | 2006-05-06 10:27 |
|
이번 강좌에서는 컬러와 관련된 스타일 시트에 대해서 알아보도록 하겠습니다. 컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있...
|
| 86 |
CSS
칼라에 관한 스타일시트-2
|
오작교 | 9980 | 12 | 2006-05-06 | 2006-05-06 10:22 |
|
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...
|
| 85 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 10034 | 22 | 2006-05-06 | 2006-05-06 10:20 |
|
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
| 84 |
CSS
Font의 속성값-2
|
오작교 | 9714 | 25 | 2006-05-06 | 2006-05-06 10:18 |
|
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
|
