| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 215329 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 244092 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 230548 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 143 |
일반
iframe 사용법을 알자
|
오작교 | 16517 | 11 | 2006-04-16 | 2006-04-16 19:27 |
|
<iframe src="https://yeoyoo.com" frameborder="0" width="500" height="200" marginwidth="0" marginheight="0" scrolling="auto" style="border:1 solid navy"></iframe> https://yeoyoo.com는 아이프레임 안에 들어갈 문서의 주소. frameborder="0" 은 프...
|
| 142 |
HTML
Fieldset 이용하기
|
오작교 | 16530 | 17 | 2007-05-23 | 2007-05-23 00:05 |
|
<fieldset> <legend>필드셋 제목</legend> legend 태그로 제목을 넣은 경우 </fieldset> 스타일시트 적용 가능 <fieldset style="border:1 solid; border-top-color: #808080;border-right-color: #f9f9f9; border-left-color: #f9f9f9;border-bottom-color: #...
|
| 141 |
CSS
홈페이지에 웹폰트 적용시키기
|
오작교 | 16600 | | 2008-05-18 | 2008-05-18 12:08 |
|
홈페이지에 웹폰트 적용하기 <style type="text/css"> <!-- @font-face {font-family: 웹폰트이름; src:url(https://웹폰트가있는주소/웹폰트이름.eot);} a:link {font-family: 웹폰트이름;font-size: 9pt;} a:visited {font-family: 웹폰트이름;font-size: 9p...
|
| 140 |
CSS
글자 반전시키기
|
오작교 | 16602 | 18 | 2006-04-17 | 2006-04-17 16:15 |
|
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
|
| 139 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 16649 | 15 | 2007-02-03 | 2007-02-03 20:34 |
|
4. dropshadow 특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다 속 성 기 능 color=색명 or RGB색상코드 그림자의 색상을 지정 offx=수치 offy=수치 대상으로부터 그림자의 x,y좌표 posit...
|
| 138 |
PHP
Subject 초보자를 위한 PHP 강좌 10부 - 비교 연산자, 논리 연산자
|
오작교 | 16735 | 41 | 2007-03-14 | 2007-03-14 22:15 |
|
안녕하세요 ~~ 오늘은 지난 강좌에 이어 비교 연산자와 논리 연산자에 관해 얘기하겠습니다. 먼저, 비교 연산자란 말 그대로 두 개의 값을 비교하는 연산자입니다. 그럼, 어떤 비교 연산자들이 있으며 어떻게 처리되는지 보겠습니다. $a == $b : $a 와 $b 가 ...
|
| 137 |
Script
모서리가 둥근 테이블 만들기
|
오작교 | 16779 | 10 | 2007-03-28 | 2007-03-28 13:41 |
|
Radius 값이 2일때 : Cell 1 Cell 2 모서리가 둥근 테이블 테스트 Radius 값이 6일때 : Cell 1 Cell 2 모서리가 둥근 테이블 테스트 <head> <title>https://www.dajuji.com</title> <script language="javascript"> function roundTable(objID) { var obj =...
|
| 136 |
CSS
CSS란 무엇인가?
|
오작교 | 16782 | 13 | 2006-04-17 | 2006-04-17 15:59 |
|
CSS 는 Cascading Style Sheets 의 약자로 일반적으로 CSS 내지는 스타일 시트 라고 불리어 집니다. 이것이 하는 주된 기능(?)은 문서의 글자모양, 크기, 링크형식 결정, 행간 길이 조절, 여러종류의 문자종류 설정, 마진값 조절, 문자에 간단한 효과주기 등입...
|
| 135 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 16791 | | 2009-07-07 | 2009-07-07 17:04 |
|
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
| 134 |
Script
움직임이 부드러운 슬라이딩 TIP 버튼
|
오작교 | 16853 | 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) || (...
|
| 133 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 16857 | | 2009-04-17 | 2009-04-17 01:13 |
|
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
| 132 |
PHP
Subject 초보자를 위한 PHP 강좌 7부 - 가변 변수
|
오작교 | 16864 | 40 | 2007-03-14 | 2007-03-14 22:08 |
|
안녕하세요~~ 오늘은 가변 변수(Variable Variables)에 대해서 설명해 드리겠습니다. 프로그래밍을 하다보면, 변수에 어떤 값이 있을 때, 그 값을 이름으로 가지는 변수를 사용하고 싶을 때가 있습니다. 예를 들어, $first 라는 변수에 "good" 이라는 값이 들...
|
| 131 |
일반
스위시로 테두리 있는 글자 만들기
1
|
오작교 | 16869 | 27 | 2006-01-24 | 2006-01-24 11:29 |
|
스위시로 글자의 테두리 만들기 스위시로 글자의 테두리를 만드는 법에 관하여 시작을 하겠습니다. 포토샵과는 달리 스위시로 글자의 테두리를 만들면 조금은 보기가 좋지 않습니다. 1. 첫 번째 : 스위시에 글자를 씁니다. 글자의 크기는 적당하게 하시면 됩...
|
| 130 |
CSS
글자 좋아하시는 스타일대로 골라가세요.
|
오작교 | 16924 | 18 | 2006-11-29 | 2006-11-29 09:14 |
|
한마음 포털 커뮤니티 font style="font-family:돋움;font-size:12pt;color:#ffffff;width:100%;height:20;Filter:Glow(color=#0000ff,strength:2)">한마음 포털 커뮤니티/font> 한마음 포털 커뮤니티 font style="COLOR:white;FILTER:shadow(color=#0066cc);h...
|
| 129 |
CSS
텍스트를 정열하는 css
|
오작교 | 16983 | | 2009-07-07 | 2009-07-07 16:43 |
|
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
|
| 128 |
Script
글자만으로 입체버튼 만들기
|
오작교 | 17000 | 13 | 2006-09-14 | 2006-09-14 11:46 |
|
<head>에 <style type="text/css"> a:visited {text-decoration:none; color:white;} a:link {text-decoration:none; color:white;} a:hover {text-decoration:none; color:white;} .first {border:1 solid #D76704; color:white;text-align:center;padding:2 ...
|
| 127 |
Script
말풍선 투명하게 만들기
|
오작교 | 17060 | 25 | 2006-04-16 | 2006-04-16 22:15 |
|
<html> <head> <script language="JavaScript"> <!-- function alt( msg, _width, _height ){ var _style = alt_div.style; if( msg != null ){ alt_div.innerHTML = msg; _style.visibility = "visible"; if( _width != null ){ if( alt_div.offsetWidth > _w...
|
| 126 |
Script
자바 스크립트에서 자주 사용되는 이벤트들
|
오작교 | 17066 | | 2009-02-26 | 2009-02-26 19:30 |
|
■ JavaScript에서 자주 사용되는 Event들... EVENT EVENT 내용 OnLoad 현재의 페이지가 로딩되었을 경우 OnUnload 현재의 페이지에서 다른 페이지로 이동할 경우 OnError 현재의 페이지를 읽는 중에 JavaScript Error가 발생할 경우 OnAbort 이미지를 읽는 도...
|
| 125 |
HTML
자주 사용하는 태그들
1
|
오작교 | 17082 | | 2008-09-01 | 2008-09-01 16:06 |
|
(1). <ul>태그를 사용하지 않고 글의 간격(위치) 넣는 소스 <p style="margin-left:270px;"> (2). 이미지 반대로 주는 소스 style="filter:fliph()" (3). 이미지에 명암을 주는 소스 style="filter:blur(direction=135,strength=100)" style="filter:alpha(opa...
|
| 124 |
PHP
Subject 초보자를 위한 PHP 강좌 13부 - 반복 제어문(1)
|
오작교 | 17106 | 36 | 2007-03-14 | 2007-03-14 22:20 |
|
안녕하세요~~ 오늘은 어떤 조건을 만족할 때까지 반복적으로 실행하는 반복문에 대해서 알아보겠습니다. PHP 에서 제공하는 반복 제어 구문에는 "while", "do...while", "for" 가 있습니다. 먼저, while 구문을 사용한 간단한 코드를 보겠습니다. <? php $var ...
|
