공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 229272 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 299081 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 247496 | 14 | 2006-09-14 | 2010-08-19 12:45 |
63 |
Script
textarea안에 미리 문구를 넣어두기
|
오작교 | 24930 | | 2007-10-23 | 2007-10-23 17:16 |
이름을 입력하세요 textarea onfocus="this.value='';">이름을 입력하세요/textarea>
|
62 |
Script
새창 띄우기(펌)
|
오작교 | 25588 | | 2009-02-03 | 2009-02-03 16:05 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
61 |
HTML
글자에 배경넘기
1
|
오작교 | 25747 | 20 | 2006-11-21 | 2006-11-21 17:32 |
오작교의 홈을 사랑하시는 여러분 !! font style="BACKGROUND-COLOR: red; COLOR: white">오작교의 홈을 사랑하시는 여러분 !!/font> 오작교도 여러분을 사랑합니다!! font style="font-size:14pt;BACKGROUND-COLOR: 00ffff; COLOR: 000000">오작교도 여러분을...
|
60 |
일반
스위시 물결효과를 만드는 물결판
|
오작교 | 26013 | 75 | 2006-01-03 | 2006-01-03 15:36 |
|
59 |
Script
클릭하면 사라지는 글 만들기
|
오작교 | 26348 | | 2008-08-08 | 2008-08-08 11:58 |
var curObj; function toggleMultimedia() { if (textFade.filters(0).status == 2) { textFade.filters(0).Stop(); if (textFade.style.visibility == "hidden") textFade.style.visibility = "visible"; else textFade.style.visibility = "hidden"; window...
|
58 |
Script
창 닫기(펌)
|
오작교 | 26406 | | 2009-02-03 | 2009-02-03 16:06 |
本(헉.....한자당!) 페이지에서는 자바스크립트의 간단한 기능을 이용하여 아주 효율적인 효과를 나타낼 수 있는 방법을 알아보겠습니다. 웹서핑을 하다보면 버턴을 클릭하면 창이 자동으로 닫히거나 이전 페이지로 가기도 하고 앞 페이지로 가기도 하는 걸 많...
|
57 |
Script
반짝거리는 글씨
1
|
오작교 | 26460 | 10 | 2006-04-16 | 2006-04-16 23:07 |
반짝거리는 글씨 1. 먼저 <head> 와 </HEAD> 사이에 아래 스크립트를 넣습니다. <script> function doBlink() { var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == ""...
|
56 |
HTML
폰트의 색상입니다
|
오작교 | 26494 | 24 | 2006-09-14 | 2006-09-14 10:51 |
■ 000000 black 블랙 ■ 2f4f4f darkslategray 다크슬레이트그레이 ■ 708090 slategray 슬레이트그레이 ■ 778899 lightslategray 라이트슬레이트그레이 ■ 696969 dimgray 딤그레이 ■ 808080 gray 그레이 ■ a9a9a9 darkgray 다크그레이 ■ c0c0c0 silver 실버 ■ d...
|
55 |
Script
선택된 테이블에 색상 입히기
|
오작교 | 26517 | | 2007-10-23 | 2007-10-23 17:00 |
. table width=100 height=30 border=1 bordercolor=000000> tr> td onmouseover="this.style.backgroundColor='ff0000'" onmouseout="this.style.backgroundColor=''"> /td>/tr>/table>
|
54 |
HTML
테이블 배경이미지도 크기를 지정해보자
|
오작교 | 26559 | | 2008-02-23 | 2008-02-23 11:42 |
DIV style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #fef4e7">table border=0 cellspacing=0 cellpadding=0 style='width:300px; height:100px; filter:progid:DXImageTransform...
|
53 |
HTML
swf파일을 투명하게 올리기
|
오작교 | 26813 | 24 | 2006-09-20 | 2006-09-20 15:16 |
태그연습장에 함해보세요 ~~~ html 소스의 swf 파일을 삽입한 부분에 <param name="wmode" value="transparent">를 넣어주면 됩니다. 예> 드림위버로 플래시를 삽입했을때 아래와같은 소스가 들어감을 알수있습니다. 제홈페이지 메뉴에 적용된 소스인데요 ~ <b...
|
52 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 26987 | | 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; } /* 실질적 스크롤 바 */...
|
51 |
HTML
테이블 만들기 - 1
|
멋진그대 | 27101 | 8 | 2007-01-29 | 2007-01-29 14:39 |
홈페이지를 제작하는데 있어서 표를 빼놓고는 홈페이지를 만든 다는 생각을 할 수 없을 정도로 table 태그는 아주 중요합니다. 또한 table 태그만 잘만 사용해도 웹 디자인은 따로 할 필요가 없을 정도로 유용한 태그입니다. 표를 잘 이용하면 홈페이지를 아주...
|
50 |
Script
iframe의 가로 세로 조정
|
오작교 | 28436 | | 2007-10-04 | 2007-10-04 11:45 |
아이프레임을 불러올시 가로 또는 세로 길이가 변경되었을 시 정해진 크기 외의 부분이 짤릴수 있습니다. 이를 해결할 방법으로 불러와 지는 페이지에 <head> 와 </head> 사이에 <script> function window::onload(){ self.resizeTo(document.body.scrollWidth...
|
49 |
HTML
Div란 무엇일까?
|
오작교 | 28681 | | 2007-10-25 | 2007-10-25 12:42 |
div는 무엇일까? 어떻게 사용해야 할까? HTML에서의 div는 Division Marker의 줄임말로서 영역을 구분짓거나 무리(구분)지어주는 엘리먼트이다. div는 div를 열고 닫은 앞뒤로 줄바꿈이 되는 블럭 레벨 항목 block level element이다. div의 앞 뒤에 있는 항목...
|
48 |
CSS
포토샵 태그 - 1
2
|
오작교 | 28720 | | 2010-05-25 | 2022-01-03 11:15 |
|
47 |
CSS
홈페이지에 웹폰트 적용시키기
|
오작교 | 28887 | | 2008-05-18 | 2008-05-18 12:08 |
홈페이지에 웹폰트 적용하기 <style type="text/css"> <!-- @font-face {font-family: 웹폰트이름; src:url(https://웹폰트가있는주소/웹폰트이름.eot);} a:link {font-family: 웹폰트이름;font-size: 9pt;} a:visited {font-family: 웹폰트이름;font-size: 9p...
|
46 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 29287 | | 2009-04-17 | 2009-04-17 01:13 |
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
45 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 29816 | | 2009-07-07 | 2009-07-07 17:22 |
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
44 |
CSS
Filter Grow 적용하기
|
오작교 | 29907 | 25 | 2006-05-06 | 2006-05-06 20:23 |
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|