공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227311 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 294943 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245127 | 14 | 2006-09-14 | 2010-08-19 12:45 |
243 |
Script
우측키 사용금지하는 소스
|
오작교 | 19311 | 7 | 2006-04-17 | 2006-04-17 15:24 |
<!-- body와 body 사이에 넣는다> <script language="JavaScript"> <!-- function click() { if ((event.button==2) || (event.button==3)) { alert('눌러서 뭐하게?'); } } document.onmousedown=click if (navigator.appName == "Netscape") { document.capt...
|
242 |
Script
깔끔한 슬라이드 메뉴 만들기
|
오작교 | 21540 | 14 | 2006-04-17 | 2006-04-17 15:25 |
<style> <!-- 주석중 "무시..."부분은 변경 불가 소스거나 수정시 (예:크기지정) 아무런 변화가 없을시 그리고 주석 붙인이가 모를때.. ^^;; //--> <!-- .menu { <!-- ## 메인 메뉴 ## 무시.. 배경색 메뉴 테두리 색 가로 크기 글자 크기 글자체 글자 속성 (기...
|
241 |
Script
시간에 따라 바뀌는 배경화면
|
오작교 | 19322 | 9 | 2006-04-17 | 2006-04-17 15:26 |
<script language="JavaScript"> /*배경설정이 적용되려면 body태그 내에 지정된 배경이미지가 없어야 합니다.*/ day=new Date() x=day.getHours() if(x>=0 && x<4) { //밤 12시 부터 새벽 4시 document.write('<body background="이미지주소">') document.wri...
|
240 |
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=...
|
239 |
일반
자동으로 페이지 이동하기
|
오작교 | 15540 | 15 | 2006-04-17 | 2011-11-20 17:29 |
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
238 |
Script
부드러운 이미지 체인징하기
|
오작교 | 18700 | 10 | 2006-04-17 | 2006-04-17 15:39 |
1. <head>와 </head> 태그안 원하는 위치에 삽입하기 <script language="JavaScript"> <!-- var img1 = new Image(); img1.src = "표시할 그림1 경로"; var img2 = new Image(); img2.src = "표시할 그림2 경로"; var img3 = new Image(); img3.src = "표시할...
|
237 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 15568 | 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....
|
236 |
CSS
투명한 아이프레임 만들기
|
오작교 | 17699 | 28 | 2006-04-17 | 2006-04-17 15:53 |
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
235 |
일반
특수문자의 모음
|
오작교 | 18030 | 10 | 2006-04-17 | 2006-04-17 15:55 |
특수문자 모음 BODY { scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:...
|
234 |
CSS
CSS란 무엇인가?
|
오작교 | 73933 | 13 | 2006-04-17 | 2006-04-17 15:59 |
CSS 는 Cascading Style Sheets 의 약자로 일반적으로 CSS 내지는 스타일 시트 라고 불리어 집니다. 이것이 하는 주된 기능(?)은 문서의 글자모양, 크기, 링크형식 결정, 행간 길이 조절, 여러종류의 문자종류 설정, 마진값 조절, 문자에 간단한 효과주기 등입...
|
233 |
CSS
스타일시트 -1
|
오작교 | 18395 | 17 | 2006-04-17 | 2006-04-17 16:03 |
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
232 |
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
|
오작교 | 13182 | 15 | 2006-04-17 | 2006-04-17 16:04 |
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
|
231 |
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
|
오작교 | 14123 | 25 | 2006-04-17 | 2006-04-17 16:08 |
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
|
230 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 17404 | 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> 이렇게 하...
|
229 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 14873 | 14 | 2006-04-17 | 2006-04-17 16:10 |
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
228 |
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
|
오작교 | 13414 | 12 | 2006-04-17 | 2006-04-17 16:13 |
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
|
227 |
CSS
배경 고정시키기
|
오작교 | 18729 | 15 | 2006-04-17 | 2006-04-17 16:14 |
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
226 |
CSS
글자 반전시키기
|
오작교 | 20704 | 18 | 2006-04-17 | 2006-04-17 16:15 |
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
|
225 |
Script
아이프레임에서 내용에 따라 크기조정하기
|
오작교 | 18914 | 13 | 2006-04-19 | 2006-04-19 14:23 |
웹상에서 iframe를 불러 들였을 때 iframe 내용에 따라 자동으로 크기가 조절 되는 스크립트 입니다. 부모 페이지와 iframe 내용에 해당하는 페이지가 다른 도메인일 때도 가능합니다. 방법은 간단 합니다. 밑의 자바 스크립트를 iframe의 내용에 해당하는 페...
|
224 |
일반
투명 반투명 아이프레임 넣기
|
오작교 | 18458 | 8 | 2006-05-05 | 2006-05-05 11:04 |
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...
|