| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 219526 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 274785 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 236096 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 43 |
HTML
테이블(2신) - 펌
|
오작교 | 14554 | 15 | 2007-06-19 | 2007-06-19 16:59 |
|
Table 에관하여 2신 Table 테두리 두번째 시간. 테이블 테두리 상하좌우 설정에 대하여 테이블 테두리 1신은 모두 익히셨어요? 복사해서 사용하지 마시고 직접 타이핑해서 만드세요. 그래야 실력이 늘어요!! 1신에서 style="border-style:변수; 를 넣으면 테...
|
| 42 |
HTML
테이블은 이제 쉬어야 할 때 -후편(後編)
|
오작교 | 14541 | 1 | 2007-09-05 | 2015-05-18 14:14 |
|
약간은 죄송한 마음이 없잖아 있습니다. 지난번 웹표준 잘못된 문구 에서 “CSS 기반 이라기 보다는 XHTML 기반 이라고 하는게 더 맞다” 라고 하면서 실제적으로 XHTML 에 관한것들이 있지 않아서 “먼소리데?” 라고 하셨으리라 생각됩니다. 오늘도 일하던중에 ...
|
| 41 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 14541 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 40 |
HTML
테이블(1신)-펌
|
오작교 | 14487 | 8 | 2007-06-19 | 2007-06-19 16:57 |
|
Table 에관하여 1신 Table에 대한 모든것을 기초적인것부터 고급편까지 계속설명을 드리겠습니다. 상당히 많은 양이라 시간이 허락하는대로 조금씩 올리겠어요. 오늘 첫번재 시간은 테이블의 테두리 스타일에 관하여 알아 보겠습니다. 테이블 테두리 모양에는...
|
| 39 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 14478 | 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...
|
| 38 |
CSS
글자정렬
|
오작교 | 14427 | 24 | 2006-04-17 | 2006-04-17 14:11 |
|
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
| 37 |
CSS
배경그림 고정하기
|
오작교 | 14419 | 21 | 2006-04-17 | 2006-04-17 15:04 |
|
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
| 36 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 14394 | | 2021-01-09 | 2022-02-02 11:30 |
|
scroll bar 디자인::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */ ::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */ ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */...
|
| 35 |
일반
스위시에서 음악을 링크하기
|
오작교 | 14389 | 40 | 2006-01-29 | 2006-01-29 12:22 |
|
스위시에 직접 음악 파일을 import 시켜 swf 파일을 만들면 용량이 2메가 이상 넘어 본인의 계정에 업로드 시키는데 많은 어려움이 따름니다 그래서 링크를 거는 방법을 사용해 봅시다 ★ 여기서 주의 할점은 음악의 확장자가 반드시 mp3 이어야 합니다. asf, w...
|
| 34 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 14278 | 17 | 2006-11-29 | 2006-11-29 02:11 |
|
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
| 33 |
일반
소스보기를 금지하려면
|
오작교 | 14214 | 6 | 2006-04-17 | 2006-04-17 15:22 |
|
소스보기를 금지하려면 body를 다음과 같이 수정하세요. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
| 32 |
CSS
배경 고정시키기
|
오작교 | 14186 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 31 |
일반
글자에 효과주기(펌)
1
|
오작교 | 14160 | 12 | 2006-10-29 | 2006-10-29 19:30 |
|
|
| 30 |
일반
자동으로 페이지 이동하기
|
오작교 | 14077 | 15 | 2006-04-17 | 2011-11-20 17:29 |
|
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
| 29 |
CSS
현재 문서의 소스를 메모장에 보여줍니다
|
오작교 | 14067 | 25 | 2006-04-16 | 2006-04-16 21:38 |
|
현재 문서의 소스를 메모장을 띄워서 보여 줍니다. <p align="center"> <input type="button" name="formbutton1" value="소스를 보아요" onclick="gogo()"> </p> <script language="JavaScript"> <!-- function gogo(){ location.href="view-source:" + locat...
|
| 28 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 14039 | | 2008-09-08 | 2008-09-08 14:07 |
|
buty buty buty buty buty buty buty buty .
|
| 27 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 13998 | 24 | 2006-05-06 | 2006-05-06 20:28 |
|
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
| 26 |
CSS
스타일시트 -1
|
오작교 | 13954 | 17 | 2006-04-17 | 2006-04-17 16:03 |
|
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
| 25 |
CSS
"페이지 로딩 중" 넣기
|
오작교 | 13864 | 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 ...
|
| 24 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 13828 | 14 | 2006-04-17 | 2006-04-17 16:10 |
|
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
