공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 232116 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 301796 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 249908 | 14 | 2006-09-14 | 2010-08-19 12:45 |
54 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 24598 | | 2009-04-30 | 2009-04-30 09:41 |
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
53 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 31534 | | 2009-04-17 | 2009-04-17 01:13 |
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
52 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 18216 | | 2008-09-08 | 2008-09-08 14:11 |
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
51 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 15297 | | 2008-09-08 | 2008-09-08 14:07 |
buty buty buty buty buty buty buty buty .
|
50 |
CSS
이미지 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 18863 | | 2008-09-08 | 2008-09-08 13:54 |
.
|
49 |
CSS
홈페이지에 웹폰트 적용시키기
|
오작교 | 29309 | | 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...
|
48 |
CSS
하이퍼 링크 점선 없애기 2가지 팁
|
오작교 | 17540 | | 2008-02-23 | 2008-02-23 12:00 |
1. 특정한 한부분에만 적용시키기 아래의 소스는 <BODY>와 </BODY> 사이에 들어가는 예제 입니다. <A HREF="링크될 경로" onfocus='this.blur()'><img src="이미지경로" border="0"><A> ※ 예제 설명 : 빨간색 부분만 수정해 주시면 됩니다. -----------------...
|
47 |
CSS
div 태그의 위치속성에서 relative와 absolute 차이
1
|
오작교 | 18982 | | 2008-01-09 | 2008-01-09 13:33 |
포지션에 대한 속성에서 absolute와 relative를 보면 absolute(절대적 위치) 브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에 있다면 그 곳을 기준으로 합니다. 즉, 레이어 속성인 z-index를 쓸경우 top, left, right, bottom을 통...
|
46 |
CSS
div 두 개 나란히 이어 붙이기
2
|
오작교 | 82748 | | 2007-10-23 | 2007-10-23 17:35 |
아래와 같이 두 셀을 가로로 나열하기 위해 테이블로 아래와 같은 간단한 방법을 사용하실 수 있습니다. 안녕하세요 오작교의 홈입니다. <tr> <td width="200" bgcolor="#aaaaaa">안녕하세요</td> <td width="200" bgcolor="#cccccc">오작교의 홈입니다.</td> ...
|
45 |
CSS
CSS로 바꾸어 주는 HTML 소스
|
오작교 | 55509 | | 2007-09-17 | 2007-09-17 23:35 |
XHTML및 HTML 4.01부터 사용 불가능한 태그 : center, s, strike, u 등이 있습니다. center의 대책!.. CSS로 바꾸어 씁니다. text-align: center; s의 대책!..[strike 포함] CSS로 바꾸어 씁니다. text-decoration: line-through; u의 대책!.. CSS로 바꾸어 씁...
|
44 |
CSS
글자와 효과
|
오작교 | 16148 | 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...
|
43 |
CSS
글자 좋아하시는 스타일대로 골라가세요.
|
오작교 | 31950 | 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...
|
42 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 16670 | 17 | 2006-11-29 | 2006-11-29 02:11 |
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
41 |
CSS
CSS를 활용한 배경 투명하게 하기
|
오작교 | 53709 | 15 | 2006-09-14 | 2006-09-14 12:55 |
<body style="background-color:transparent"> 를 넣으면 완전한 투명프레임 아이프레임일 경우, 반투명은 속성에 <iframe src~ allowTransparency="true"></iframe> iframe 에 들어간 문서속에 style="filter: Alpha(Opacity=65);" 이렇게 스타일을 넣어 줍니...
|
40 |
CSS
스타일시트로 배경에 그라이언트 효과
|
오작교 | 14159 | 14 | 2006-09-14 | 2006-09-14 11:47 |
<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...
|
39 |
CSS
싸이즈대로 새창 띄우기(여러 가지 문서)
|
오작교 | 14517 | 13 | 2006-09-14 | 2006-09-14 10:47 |
1번=플래시가 들어있는 html문서 2번=동영상이 들어있는 html문서 3번=이미지가 들어있는 html문서 4번=플래시가 들어있는 html문서 로서 각각의 문서에 모두 script src="resizewin.js"를 넣어줘야 하며 head부분에 dolion = new resizeWin(600,550); dolion....
|
38 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 14923 | 16 | 2006-09-14 | 2006-09-14 10:42 |
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
37 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 17062 | 12 | 2006-06-03 | 2006-06-03 21:13 |
아 이거 안된다고 한참 고민했습니다 -_- A:link {color:#3E4773;text-decoration:none;} A:visited {color:#3E4773;text-decoration:none;} A:active {color:#3E4773;text-decoration:none;} A:hover {color:#636FAC;text-decoration:none;font-weight:bold} ...
|
36 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 14551 | 24 | 2006-05-06 | 2006-05-06 20:28 |
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
35 |
CSS
TD속에 배경을 고정하기
|
오작교 | 16238 | 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>
|