공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227637 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 296194 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245632 | 14 | 2006-09-14 | 2010-08-19 12:45 |
54 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 15180 | 22 | 2006-05-06 | 2006-05-06 20:12 |
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
53 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 15343 | 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....
|
52 |
CSS
글자정렬
|
오작교 | 15431 | 24 | 2006-04-17 | 2006-04-17 14:11 |
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
51 |
CSS
이미지에 효과를 주어보자
|
오작교 | 15445 | 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=...
|
50 |
CSS
배경그림 고정하기
|
오작교 | 15521 | 21 | 2006-04-17 | 2006-04-17 15:04 |
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
49 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 15755 | 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...
|
48 |
CSS
글자와 효과
|
오작교 | 15817 | 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...
|
47 |
CSS
TD속에 배경을 고정하기
|
오작교 | 16014 | 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>
|
46 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 16025 | 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...
|
45 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 16231 | 17 | 2006-11-29 | 2006-11-29 02:11 |
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
44 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 16785 | 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} ...
|
43 |
CSS
하이퍼 링크 점선 없애기 2가지 팁
|
오작교 | 17199 | | 2008-02-23 | 2008-02-23 12:00 |
1. 특정한 한부분에만 적용시키기 아래의 소스는 <BODY>와 </BODY> 사이에 들어가는 예제 입니다. <A HREF="링크될 경로" onfocus='this.blur()'><img src="이미지경로" border="0"><A> ※ 예제 설명 : 빨간색 부분만 수정해 주시면 됩니다. -----------------...
|
42 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 17329 | | 2008-09-08 | 2008-09-08 14:11 |
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
41 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 17495 | 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> 이렇게 하...
|
40 |
CSS
움직임이 부드러운 슬라이딩 탑버튼
|
오작교 | 17589 | 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) || (...
|
39 |
CSS
브라우져의 스크롤 없애기
|
오작교 | 17773 | 28 | 2006-04-16 | 2006-04-16 21:22 |
브라우저창의 스크롤 트랙을 없애서 트랙사이즈인 20픽셀만큼을 더 사용하기입니다,, 다음을 헤드나 바디에 넣으세요,, <script language="JavaScript"> function get_IEscroll(choice) { if (document.all) { document.body.scroll = choice; } } //--> </scr...
|
38 |
CSS
투명한 아이프레임 만들기
|
오작교 | 18191 | 28 | 2006-04-17 | 2006-04-17 15:53 |
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
37 |
CSS
이미지 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 18377 | | 2008-09-08 | 2008-09-08 13:54 |
.
|
36 |
CSS
div 태그의 위치속성에서 relative와 absolute 차이
1
|
오작교 | 18615 | | 2008-01-09 | 2008-01-09 13:33 |
포지션에 대한 속성에서 absolute와 relative를 보면 absolute(절대적 위치) 브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에 있다면 그 곳을 기준으로 합니다. 즉, 레이어 속성인 z-index를 쓸경우 top, left, right, bottom을 통...
|
35 |
CSS
텍스트를 정열하는 css
|
오작교 | 18709 | | 2009-07-07 | 2009-07-07 16:43 |
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
|