| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 220711 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 278300 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 237572 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 54 |
CSS
투명한 아이프레임 만들기
|
오작교 | 14120 | 28 | 2006-04-17 | 2006-04-17 15:53 |
|
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
| 53 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 14175 | | 2008-09-08 | 2008-09-08 14:07 |
|
buty buty buty buty buty buty buty buty .
|
| 52 |
CSS
현재 문서의 소스를 메모장에 보여줍니다
|
오작교 | 14183 | 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...
|
| 51 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 14230 | | 2008-09-08 | 2008-09-08 14:11 |
|
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
| 50 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 14545 | 17 | 2006-11-29 | 2006-11-29 02:11 |
|
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
| 49 |
CSS
배경그림 고정하기
|
오작교 | 14587 | 21 | 2006-04-17 | 2006-04-17 15:04 |
|
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
| 48 |
CSS
글자정렬
|
오작교 | 14593 | 24 | 2006-04-17 | 2006-04-17 14:11 |
|
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
| 47 |
CSS
스타일시트 -1
|
오작교 | 14632 | 17 | 2006-04-17 | 2006-04-17 16:03 |
|
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
| 46 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 14633 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 45 |
CSS
배경 고정시키기
|
오작교 | 14813 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 44 |
CSS
글자와 효과
|
오작교 | 14847 | 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
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 14986 | 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...
|
| 42 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 15004 | 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 |
CSS
TD속에 배경을 고정하기
|
오작교 | 15040 | 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>
|
| 40 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 15626 | | 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; } /* 실질적 스크롤 바 */...
|
| 39 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 16183 | 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} ...
|
| 38 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 16445 | 11 | 2006-04-17 | 2006-04-17 16:10 |
|
먼저 스타일을 안쓰고 문서의 여백을 0으로 만들고자 할때는 <html> <head> <title>여백 0 만들기</title> <body bgcolor="White" text="black" leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <img src="test.jpg" > </body> </html> 이렇게 하...
|
| 37 |
CSS
움직임이 부드러운 슬라이딩 탑버튼
|
오작교 | 16665 | 22 | 2006-04-16 | 2006-04-16 21:10 |
|
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
| 36 |
CSS
하이퍼 링크 점선 없애기 2가지 팁
|
오작교 | 16769 | | 2008-02-23 | 2008-02-23 12:00 |
|
1. 특정한 한부분에만 적용시키기 아래의 소스는 <BODY>와 </BODY> 사이에 들어가는 예제 입니다. <A HREF="링크될 경로" onfocus='this.blur()'><img src="이미지경로" border="0"><A> ※ 예제 설명 : 빨간색 부분만 수정해 주시면 됩니다. -----------------...
|
| 35 |
CSS
이미지 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 16820 | | 2008-09-08 | 2008-09-08 13:54 |
|
.
|
