공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 226339 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 293077 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 244038 | 14 | 2006-09-14 | 2010-08-19 12:45 |
123 |
Script
부드럽게 펼쳐지는 가로 메뉴
|
오작교 | 20155 | 15 | 2006-04-16 | 2006-04-16 22:56 |
is = {}; is.agent = navigator.userAgent.toLowerCase(); is.ie4 = (is.agent.indexOf("msie 4") != -1); is.ie5 = (is.agent.indexOf("msie 5") != -1); is.ie55 = (is.agent.indexOf("msie 5.5") != -1); is.ie6 = (is.agent.indexOf("msie 6") != -1); is...
|
122 |
일반
자동으로 페이지 이동하기
|
오작교 | 15414 | 15 | 2006-04-17 | 2011-11-20 17:29 |
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
121 |
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
|
오작교 | 13096 | 15 | 2006-04-17 | 2006-04-17 16:04 |
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
|
120 |
CSS
배경 고정시키기
|
오작교 | 18219 | 15 | 2006-04-17 | 2006-04-17 16:14 |
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
119 |
Script
새창의 아무 곳이나 클릭해도 닫히기
|
오작교 | 16565 | 15 | 2006-09-14 | 2006-09-14 11:36 |
아래 소스를 body 부분에 추가하세요. <body onclick="window.close()" style="cursor:hand">
|
118 |
CSS
CSS를 활용한 배경 투명하게 하기
|
오작교 | 50167 | 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);" 이렇게 스타일을 넣어 줍니...
|
117 |
HTML
iframe 태그 -3
1
|
오작교 | 18373 | 15 | 2006-10-31 | 2006-10-31 09:59 |
⑤ ifram 응용 이제부턴 약간의 iframe 을 이용해서 홈페이지에서 멋찌게 사용할 수 있는 방법을 알려드리도록 하겠습니다. <body bgcolor="cornflowerblue"> <font size="3" face="돋움체">아래는 iframe 예제입니다.</font><br> <iframe src="https://tagmani...
|
116 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 19450 | 15 | 2007-02-03 | 2007-02-03 20:34 |
4. dropshadow 특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다 속 성 기 능 color=색명 or RGB색상코드 그림자의 색상을 지정 offx=수치 offy=수치 대상으로부터 그림자의 x,y좌표 posit...
|
115 |
HTML
이미지의 맵 - 1
|
오작교 | 16669 | 15 | 2007-02-03 | 2010-08-19 13:22 |
※ 이미지 맵의 정의 이미지 맵이란 하나의 이미지의 일부분에 링크를 시키는 것을 말합니다. 그러니깐 지금까지는 이미지를 링크로 이용할 때는 그냥 이미지 전체가 링크 되었잖아요^^ 근데 이미지맵은 하나의 커다란 이미지에 영역을 나누어서 여러 개의 링크...
|
114 |
HTML
테이블(2신) - 펌
|
오작교 | 14839 | 15 | 2007-06-19 | 2007-06-19 16:59 |
Table 에관하여 2신 Table 테두리 두번째 시간. 테이블 테두리 상하좌우 설정에 대하여 테이블 테두리 1신은 모두 익히셨어요? 복사해서 사용하지 마시고 직접 타이핑해서 만드세요. 그래야 실력이 늘어요!! 1신에서 style="border-style:변수; 를 넣으면 테...
|
113 |
일반
태그 배너 모임
|
오작교 | 18215 | 16 | 2005-08-25 | 2005-08-25 00:50 |
|
112 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 14686 | 16 | 2006-05-06 | 2006-05-06 10:29 |
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
111 |
CSS
스타일 시트 총정리
|
오작교 | 13402 | 16 | 2006-05-06 | 2006-05-06 20:08 |
===== 스타일시트(css) 정리 ===== 속성 의미 Font 속성 Font-size 글자의 크기 Font-family 글꼴의 종류 Font-weight 글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Font-style 글자의 모양 - norm...
|
110 |
Script
현재 문서의 소스를 메모장으로 보여주기
|
오작교 | 21357 | 16 | 2006-05-06 | 2006-05-06 20:48 |
현재 문서의 소스를 메모장을 띄워서 보여 줍니다. <p align="center"> <input type="button" name="formbutton1" value="소스를 보아요" onclick="gogo()"> </p> <script language="JavaScript"> <!-- function gogo(){ location.href="view-source:" + locat...
|
109 |
Script
홈 접속한 시간 나타내기
|
오작교 | 16400 | 16 | 2006-05-06 | 2006-05-06 20:54 |
<SCRIPT LANGUAGE="JavaScript"> <!-- Stamp = new Date(); document.write('' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '<br>'); var Hours; var Mins; var Time; Hours = Stamp.getHours(); if (Hours >= 12) { Time = " P.M....
|
108 |
Script
브라우져 창의 스크롤 트랙을 완전히 없애자
|
오작교 | 16286 | 16 | 2006-09-14 | 2006-09-14 10:33 |
브라우저창의 스크롤 트랙을 없애서 트랙사이즈인 20픽셀만큼을 더 사용하기입니다,, 다음을 헤드나 바디에 넣으세요,, <script language="JavaScript"> function get_IEscroll(choice) { if (document.all) { document.body.scroll = choice; } } //--> </scr...
|
107 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 14373 | 16 | 2006-09-14 | 2006-09-14 10:42 |
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
106 |
Script
이미지를 뒤집자
|
오작교 | 18414 | 16 | 2006-09-14 | 2006-09-14 13:01 |
img src=https://www.yeoyoo.com/script/images/bottom_03_over.gif> span style=filter:flipv();height:1px;>-- 상하로 뒤집기 img src=https://www.yeoyoo.com/script/images/bottom_03_over.gif> span style=filter:flipH();height:1px;>-- 옆으로 뒤집기 ...
|
105 |
Script
새창 띄우기 창닫기 -1
|
멋진그대 | 16803 | 16 | 2007-01-29 | 2007-01-29 14:52 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
104 |
HTML
홈페이지를 만들어 보자 (템플릿 -3)
|
오작교 | 16226 | 16 | 2007-02-03 | 2007-02-03 20:50 |
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...
|