공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 215666 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 247614 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 231017 | 14 | 2006-09-14 | 2010-08-19 12:45 |
63 |
HTML
우리를 당황하게 하는 것(테이블 태그)
1
|
오작교 | 14541 | | 2008-08-20 | 2016-04-21 17:07 |
태그를 이용하여 게시물을 올리다 보면 가끔씩 깜짝 놀라는 경우가 있습니다. 특히 테이블 태그를 사용하여 우리 홈과 같은 노프레임으로 되어 있는 홈에서는 애써 올린 게시물이 반쪽만 나온다던지 아니면 게시판의 목록이 옆으로 주욱 늘어나 버린 다던지 ...
|
62 |
일반
팝업창 시간 조절하기
|
오작교 | 14510 | 12 | 2006-04-16 | 2006-04-16 19:52 |
...... <SCRIPT LANGUAGE="JavaScript"> <!-- delay = 1; // 몇초 후에 열리게 할것인가? closetime = 5; // 열리고 나서 몇초 후에 닫힐것인가? url = "https://5ok.co.kr/born/tag.php"; // 팝업창의 주소 width = 400; // 윈도우의 가로크기 height = 350; ...
|
61 |
HTML
홈페이지를 만들어 보자 -1
|
오작교 | 14509 | 11 | 2007-02-03 | 2010-08-19 13:22 |
홈페이지 제작에 대해서 아는 것은 별로 없지만.. 짐까지 홈페이지를 만들고 관리해오면서... 나름대로 느낀점을 토대로... 이제 막 홈페이지를 만드는 분들에게 도움이 될까.. 적어본다... 1. 홈페이지 제작 목적 여러분들은 홈페이지를 왜 만드세요? 여러가...
|
60 |
HTML
테이블(2신) - 펌
|
오작교 | 14410 | 15 | 2007-06-19 | 2007-06-19 16:59 |
Table 에관하여 2신 Table 테두리 두번째 시간. 테이블 테두리 상하좌우 설정에 대하여 테이블 테두리 1신은 모두 익히셨어요? 복사해서 사용하지 마시고 직접 타이핑해서 만드세요. 그래야 실력이 늘어요!! 1신에서 style="border-style:변수; 를 넣으면 테...
|
59 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 14403 | 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...
|
58 |
Script
우측버튼을 금지시키는 소스
|
오작교 | 14390 | 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>
|
57 |
HTML
테이블은 이제 쉬어야 할 때 -후편(後編)
|
오작교 | 14364 | 1 | 2007-09-05 | 2015-05-18 14:14 |
약간은 죄송한 마음이 없잖아 있습니다. 지난번 웹표준 잘못된 문구 에서 “CSS 기반 이라기 보다는 XHTML 기반 이라고 하는게 더 맞다” 라고 하면서 실제적으로 XHTML 에 관한것들이 있지 않아서 “먼소리데?” 라고 하셨으리라 생각됩니다. 오늘도 일하던중에 ...
|
56 |
CSS
글자와 효과
|
오작교 | 14359 | 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...
|
55 |
일반
Text Area
|
오작교 | 14357 | 23 | 2006-05-06 | 2006-05-06 20:20 |
텍스트 에어리어(text area) 오른쪽 정렬입니다 글자를 쳐보세요 투명한 스크롤바 소스 + 정렬하기 + 선종류바꾸기 + 글자크기바꾸기를 사용 text area with dotted line 선종류바꾸기 (점선) + 가운데 정렬 + 글자모양바꾸기 + 스크롤바 색 바꾸기를 사용 선...
|
54 |
일반
글씨와 이미지 정렬하기
|
오작교 | 14353 | 5 | 2006-04-16 | 2006-04-16 18:32 |
글과 함게 나란히 싸이즈 작은 아이콘을 넣었을때 아이콘과 글씨가 정렬이 안될때가 있습니다. 이때, 이미지 태그옆에 align="absmiddle"를 넣어 줍니다. <img src="icon.gif" align="absmiddle">
|
53 |
Script
부드러운 이미지 체인징하기
|
오작교 | 14339 | 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 = "표시할...
|
52 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 14228 | 22 | 2006-05-06 | 2006-05-06 20:12 |
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
51 |
Script
움직임이 부드러운 슬라이딩 팁버튼
|
오작교 | 14126 | 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) || (...
|
50 |
Script
새창으로 게시물 올리기
|
오작교 | 14123 | 10 | 2006-10-31 | 2006-10-31 09:52 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
49 |
CSS
TD속에 배경을 고정하기
|
오작교 | 14042 | 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>
|
48 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 14041 | 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...
|
47 |
Script
홈에 머무는 시간 표시하기
|
오작교 | 13947 | 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...
|
46 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 13938 | 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...
|
45 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 13889 | 22 | 2006-05-06 | 2006-05-06 10:20 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
44 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 13870 | 24 | 2006-05-06 | 2006-05-06 20:28 |
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|