| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 229117 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 298886 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 247339 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 43 |
HTML
홈페이지를 만들어 보자 (템플릿 -5)
|
오작교 | 15864 | 13 | 2007-02-03 | 2007-02-03 20:56 |
|
- right.htm 만들기 right.htm 부분은 메인페이지 우측의 첫화면 이죠? ^^ 방문객들에게 가장 많이 보여지는 페이지이므로 요길 어떻게 꾸미느냐에 따라 홈페이지가 그럴듯하게 보이기도 하고 허접하게 보이기도 한답니다. 고로 꾸미는게 참 중요하겠죠? ^^ ...
|
| 42 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 15853 | 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...
|
| 41 |
일반
자동으로 페이지 이동하기
|
오작교 | 15792 | 15 | 2006-04-17 | 2011-11-20 17:29 |
|
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
| 40 |
Script
움직임이 부드러운 슬라이딩 팁버튼
|
오작교 | 15731 | 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) || (...
|
| 39 |
일반
스위시에서 음악을 링크하기
|
오작교 | 15653 | 40 | 2006-01-29 | 2006-01-29 12:22 |
|
스위시에 직접 음악 파일을 import 시켜 swf 파일을 만들면 용량이 2메가 이상 넘어 본인의 계정에 업로드 시키는데 많은 어려움이 따름니다 그래서 링크를 거는 방법을 사용해 봅시다 ★ 여기서 주의 할점은 음악의 확장자가 반드시 mp3 이어야 합니다. asf, w...
|
| 38 |
일반
글씨와 이미지 정렬하기
|
오작교 | 15642 | 5 | 2006-04-16 | 2006-04-16 18:32 |
|
글과 함게 나란히 싸이즈 작은 아이콘을 넣었을때 아이콘과 글씨가 정렬이 안될때가 있습니다. 이때, 이미지 태그옆에 align="absmiddle"를 넣어 줍니다. <img src="icon.gif" align="absmiddle">
|
| 37 |
CSS
배경그림 고정하기
|
오작교 | 15623 | 21 | 2006-04-17 | 2006-04-17 15:04 |
|
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
| 36 |
CSS
이미지에 효과를 주어보자
|
오작교 | 15592 | 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=...
|
| 35 |
PHP
초보자를 위한 PHP 강좌 5부 - 전역 변수
2
|
오작교 | 15575 | 39 | 2007-03-14 | 2007-03-14 22:04 |
|
안녕하세요~~ 오늘은 변수의 사용범위(Variable Scope)에 대한 내용 중 전역변수에 대한 얘기를 해드리겠습니다. PHP에서 변수가 사용될 수 있는 범위는 기본적으로 그 변수가 선언된 영역에 한정됩니다. 먼저, 다음의 간단한 예제를 보겠습니다. <? php $firs...
|
| 34 |
Script
버튼 안에 이미지 사용하기
|
오작교 | 15561 | 11 | 2006-09-14 | 2006-09-14 11:42 |
|
|
| 33 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 15544 | 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...
|
| 32 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 15498 | 35 | 2006-04-17 | 2006-04-17 15:50 |
|
텍스트에 MouseOver 적용하기 span OnMouseOver="this.style.color='#529CFF'" OnMouseOut="this.style.color=''">오작교의 홈/span> #529CFF 는 마우스가 올라갔을 때 변하는 글자색 span OnMouseOver="this.style.fontSize='15pt'" OnMouseOut="this.style....
|
| 31 |
CSS
글자정렬
|
오작교 | 15498 | 24 | 2006-04-17 | 2006-04-17 14:11 |
|
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
| 30 |
Script
우측버튼을 금지시키는 소스
|
오작교 | 15486 | 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>
|
| 29 |
일반
소스보기를 금지하려면
|
오작교 | 15277 | 6 | 2006-04-17 | 2006-04-17 15:22 |
|
소스보기를 금지하려면 body를 다음과 같이 수정하세요. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
| 28 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 15247 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 27 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 15109 | 14 | 2006-04-17 | 2006-04-17 16:10 |
|
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
| 26 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 15095 | | 2008-09-08 | 2008-09-08 14:07 |
|
buty buty buty buty buty buty buty buty .
|
| 25 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 15087 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 24 |
HTML
테이블은 이제 쉬어야 할 때 -후편(後編)
|
오작교 | 15015 | 1 | 2007-09-05 | 2015-05-18 14:14 |
|
약간은 죄송한 마음이 없잖아 있습니다. 지난번 웹표준 잘못된 문구 에서 “CSS 기반 이라기 보다는 XHTML 기반 이라고 하는게 더 맞다” 라고 하면서 실제적으로 XHTML 에 관한것들이 있지 않아서 “먼소리데?” 라고 하셨으리라 생각됩니다. 오늘도 일하던중에 ...
|
