공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 215468 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 245786 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 230731 | 14 | 2006-09-14 | 2010-08-19 12:45 |
263 |
CSS
"페이지 로딩 중" 넣기
|
오작교 | 13733 | 33 | 2006-04-16 | 2006-04-16 21:23 |
로딩이 길어지는 문서에 페이지가 다 뜨기전에 '로딩중' 이라는 글씨를 나오게 합니다. 헤드부분에 <script language=javascript> n = document.layers ie = document.all function hide() { if (ie || n) { if (n) document.Load.visibility = "hidden" else ...
|
262 |
일반
투명 반투명 아이프레임 넣기
|
오작교 | 13797 | 8 | 2006-05-05 | 2006-05-05 11:04 |
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...
|
261 |
일반
글자에 효과주기(펌)
1
|
오작교 | 13843 | 12 | 2006-10-29 | 2006-10-29 19:30 |
|
260 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 13853 | 22 | 2006-05-06 | 2006-05-06 10:20 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
259 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 13862 | 24 | 2006-05-06 | 2006-05-06 20:28 |
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
258 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 13907 | 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...
|
257 |
Script
홈에 머무는 시간 표시하기
|
오작교 | 13911 | 10 | 2006-06-09 | 2006-06-09 15:52 |
<script> var t=new Date(); t=t.getTime();h(); function h() { var r=new Date(); document.title="중년! 그 아름다운 삶이 있는 곳에 오신지"+Math.ceil(((r.getTime()-t)/1000))+" 초가 지났네요."; status="중년! 그 아름다운 삶이 있는 곳에 오신지"+Mat...
|
256 |
CSS
TD속에 배경을 고정하기
|
오작교 | 14016 | 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>
|
255 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 14022 | 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...
|
254 |
Script
새창으로 게시물 올리기
|
오작교 | 14082 | 10 | 2006-10-31 | 2006-10-31 09:52 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
253 |
Script
움직임이 부드러운 슬라이딩 팁버튼
|
오작교 | 14111 | 6 | 2006-09-14 | 2006-09-14 10:29 |
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
252 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 14220 | 22 | 2006-05-06 | 2006-05-06 20:12 |
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
251 |
Script
부드러운 이미지 체인징하기
|
오작교 | 14323 | 10 | 2006-04-17 | 2006-04-17 15:39 |
1. <head>와 </head> 태그안 원하는 위치에 삽입하기 <script language="JavaScript"> <!-- var img1 = new Image(); img1.src = "표시할 그림1 경로"; var img2 = new Image(); img2.src = "표시할 그림2 경로"; var img3 = new Image(); img3.src = "표시할...
|
250 |
일반
Text Area
|
오작교 | 14324 | 23 | 2006-05-06 | 2006-05-06 20:20 |
텍스트 에어리어(text area) 오른쪽 정렬입니다 글자를 쳐보세요 투명한 스크롤바 소스 + 정렬하기 + 선종류바꾸기 + 글자크기바꾸기를 사용 text area with dotted line 선종류바꾸기 (점선) + 가운데 정렬 + 글자모양바꾸기 + 스크롤바 색 바꾸기를 사용 선...
|
249 |
일반
글씨와 이미지 정렬하기
|
오작교 | 14333 | 5 | 2006-04-16 | 2006-04-16 18:32 |
글과 함게 나란히 싸이즈 작은 아이콘을 넣었을때 아이콘과 글씨가 정렬이 안될때가 있습니다. 이때, 이미지 태그옆에 align="absmiddle"를 넣어 줍니다. <img src="icon.gif" align="absmiddle">
|
248 |
CSS
글자와 효과
|
오작교 | 14344 | 19 | 2007-06-19 | 2007-06-19 16:48 |
안녕하세요 이양호 입니다. 오늘은 글자의 특별한 효과에 대하여 알아보겠습니다 1. 가장 많이 쓰이는 그림자 글자 그림자글자<DIV STYLE="width:520; height:50; font-size: 15pt; color:#FFCC00; filter:Shadow(Color=#666666, Direction=225)"> <CENTER><b...
|
247 |
HTML
테이블은 이제 쉬어야 할 때 -후편(後編)
|
오작교 | 14355 | 1 | 2007-09-05 | 2015-05-18 14:14 |
약간은 죄송한 마음이 없잖아 있습니다. 지난번 웹표준 잘못된 문구 에서 “CSS 기반 이라기 보다는 XHTML 기반 이라고 하는게 더 맞다” 라고 하면서 실제적으로 XHTML 에 관한것들이 있지 않아서 “먼소리데?” 라고 하셨으리라 생각됩니다. 오늘도 일하던중에 ...
|
246 |
Script
우측버튼을 금지시키는 소스
|
오작교 | 14373 | 12 | 2006-09-30 | 2006-09-30 09:15 |
<SCRIPT LANGUAGE="JavaScript"> <!-- // function click() { if (event.button==2) { alert('죄송합니다.\n우측버튼은 사용할 수 없도록 했습니다.\n그냥 듣기만 하시면 안될까요?'); } } document.onmousedown=click // --> </SCRIPT>
|
245 |
HTML
테이블(2신) - 펌
|
오작교 | 14397 | 15 | 2007-06-19 | 2007-06-19 16:59 |
Table 에관하여 2신 Table 테두리 두번째 시간. 테이블 테두리 상하좌우 설정에 대하여 테이블 테두리 1신은 모두 익히셨어요? 복사해서 사용하지 마시고 직접 타이핑해서 만드세요. 그래야 실력이 늘어요!! 1신에서 style="border-style:변수; 를 넣으면 테...
|
244 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 14400 | 36 | 2006-04-16 | 2006-04-16 21:24 |
헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; <!-- STALKER CODE --> function heart...
|
그런데 이 자료는 어떻게 사용하는지요?
설명이 아니라... ㅎ