공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 202504 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 218144 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 217195 | 14 | 2006-09-14 | 2010-08-19 12:45 |
283 |
일반
아이프레임을 테이블에 꼭맞게 적용하기
|
오작교 | 10407 | 13 | 2006-04-16 | 2006-04-16 19:30 |
iframe 를 이용해서 html문서나 게시판을 불러올때 보통 테이블안에서 iframe를 이용해서 사용하죠. 폭은 width="100%" 를 이용하면 테이블 크기에 맞게 나오지만 높이는 height="100%" 하면 제대로 적용이 되지 않습니다. 이럴경우 style="height: 100%"를 이...
|
282 |
CSS
칼라에 관한 스타일시트-2
|
오작교 | 10479 | 12 | 2006-05-06 | 2006-05-06 10:22 |
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
281 |
CSS
"즐겨찾기에 추가" 버튼 만들기
|
오작교 | 10587 | 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> 클릭할 버튼이나 이미지,텍스트에...
|
280 |
CSS
CSS란 무엇인가?
|
오작교 | 10622 | 13 | 2006-04-17 | 2006-04-17 15:59 |
CSS 는 Cascading Style Sheets 의 약자로 일반적으로 CSS 내지는 스타일 시트 라고 불리어 집니다. 이것이 하는 주된 기능(?)은 문서의 글자모양, 크기, 링크형식 결정, 행간 길이 조절, 여러종류의 문자종류 설정, 마진값 조절, 문자에 간단한 효과주기 등입...
|
279 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 10647 | 17 | 2006-11-29 | 2006-11-29 02:11 |
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
278 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 10693 | 22 | 2006-05-06 | 2006-05-06 10:20 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
277 |
CSS
레이어를 원하는 곳에 고정하기
|
오작교 | 10723 | 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...
|
276 |
CSS
스타일시트로 배경에 그라이언트 효과
|
오작교 | 10770 | 14 | 2006-09-14 | 2006-09-14 11:47 |
<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...
|
275 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 10821 | 16 | 2006-09-14 | 2006-09-14 10:42 |
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
274 |
CSS
싸이즈대로 새창 띄우기(여러 가지 문서)
|
오작교 | 10851 | 13 | 2006-09-14 | 2006-09-14 10:47 |
1번=플래시가 들어있는 html문서 2번=동영상이 들어있는 html문서 3번=이미지가 들어있는 html문서 4번=플래시가 들어있는 html문서 로서 각각의 문서에 모두 script src="resizewin.js"를 넣어줘야 하며 head부분에 dolion = new resizeWin(600,550); dolion....
|
273 |
일반
투명 반투명 아이프레임 넣기
|
오작교 | 10889 | 8 | 2006-05-05 | 2006-05-05 11:04 |
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...
|
272 |
일반
자동으로 페이지 이동하기
|
오작교 | 10890 | 15 | 2006-04-17 | 2011-11-20 17:29 |
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
271 |
CSS
이미지에 효과를 주어보자
|
오작교 | 10903 | 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=...
|
270 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 11049 | 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....
|
269 |
일반
이미지 없이 그라데이션 사용하기
|
오작교 | 11061 | 9 | 2006-05-06 | 2006-05-06 19:58 |
<table "filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=<SPAN class=font-color2>0</SPAN>, StartColorStr=시작색, EndColorStr=끝색)"> <tr> <td>내용부분</td> </tr> </table> 페이지 전체 적용시 <body "filter=progid:DXImageTransform...
|
268 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 11110 | 14 | 2006-04-17 | 2006-04-17 16:10 |
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
267 |
일반
Text Area
|
오작교 | 11177 | 23 | 2006-05-06 | 2006-05-06 20:20 |
텍스트 에어리어(text area) 오른쪽 정렬입니다 글자를 쳐보세요 투명한 스크롤바 소스 + 정렬하기 + 선종류바꾸기 + 글자크기바꾸기를 사용 text area with dotted line 선종류바꾸기 (점선) + 가운데 정렬 + 글자모양바꾸기 + 스크롤바 색 바꾸기를 사용 선...
|
266 |
일반
특수문자의 모음
|
오작교 | 11207 | 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:...
|
265 |
일반
소스보기를 금지하려면
|
오작교 | 11209 | 6 | 2006-04-17 | 2006-04-17 15:22 |
소스보기를 금지하려면 body를 다음과 같이 수정하세요. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
264 |
일반
IFRAME에 들어가는 속성
|
오작교 | 11238 | 19 | 2006-05-06 | 2006-05-06 09:14 |
※ 속성 속 성 기 능 src ="주소" iframe 창에 나타내고자 하는 창의 주소(경로)를 넣는다 name iframe 창도 target 설정을 할 수 있다. name을 지정한다. ( target 에 대해선 링크태그 부분 참조) frameborder="yes/no or 1/0" bordercolor="테두리색상" 테두...
|