공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227291 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 294933 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245104 | 14 | 2006-09-14 | 2010-08-19 12:45 |
74 |
CSS
마우스를 올리면 변하는 색상
|
오작교 | 18841 | 41 | 2006-04-17 | 2006-04-17 14:58 |
위의 테이블 위에 마우스커서를 각각 올려보세요. 마우스커서가 테이블에 올라가면 셀이나 줄, 혹은 테이블 전체의 색이 변해서 선택되어진 곳을 명확하게 해 줍니다. 의 테이블 안(td, tr, table 중 선택)에 아래 소스를 추가합니다. onmouseover="this.style...
|
73 |
CSS
스크롤바 따라 움직이는 레이어
|
오작교 | 15711 | 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...
|
72 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 15543 | 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....
|
71 |
CSS
Font의 속성값
|
오작교 | 14543 | 35 | 2006-05-06 | 2006-05-06 10:17 |
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
|
70 |
CSS
"페이지 로딩 중" 넣기
|
오작교 | 14330 | 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 ...
|
69 |
CSS
"즐겨찾기에 추가" 버튼 만들기
|
오작교 | 13727 | 32 | 2006-04-16 | 2006-04-16 21:23 |
헤드부분에 <script language="JavaScript1.2"> var url="즐겨찾기에 추가할 주소" var title="즐겨찾기에 표시할 타이틀" function addfavorites() { if (document.all) window.external.AddFavorite(url,title) } </script> 클릭할 버튼이나 이미지,텍스트에...
|
68 |
CSS
브라우져의 스크롤 없애기
|
오작교 | 17694 | 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...
|
67 |
CSS
투명한 아이프레임 만들기
|
오작교 | 17697 | 28 | 2006-04-17 | 2006-04-17 15:53 |
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
66 |
CSS
TD속에 배경을 고정하기
|
오작교 | 15903 | 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>
|
65 |
CSS
현재 문서의 소스를 메모장에 보여줍니다
|
오작교 | 14711 | 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...
|
64 |
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
|
오작교 | 14120 | 25 | 2006-04-17 | 2006-04-17 16:08 |
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
|
63 |
CSS
Font의 속성값-2
|
오작교 | 14515 | 25 | 2006-05-06 | 2006-05-06 10:18 |
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
|
62 |
CSS
Filter Grow 적용하기
|
오작교 | 28538 | 25 | 2006-05-06 | 2006-05-06 20:23 |
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|
61 |
CSS
글자정렬
|
오작교 | 15359 | 24 | 2006-04-17 | 2006-04-17 14:11 |
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
60 |
CSS
이미지에 효과를 주어보자
|
오작교 | 15272 | 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=...
|
59 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 14353 | 24 | 2006-05-06 | 2006-05-06 20:28 |
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
58 |
CSS
여러방법의 창닫기
|
오작교 | 28543 | 23 | 2006-04-16 | 2006-04-16 21:41 |
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
|
57 |
CSS
움직임이 부드러운 슬라이딩 탑버튼
|
오작교 | 17500 | 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) || (...
|
56 |
CSS
레이어를 원하는 곳에 고정하기
|
오작교 | 14084 | 22 | 2006-04-16 | 2006-04-16 21:14 |
다음을 헤드나 바디에 넣으세요. <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; action = window.setInterval("heartBeat()",1); function heartBeat() { // combowid...
|
55 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 21513 | 22 | 2006-05-06 | 2006-05-06 10:20 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|