| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 217466 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 261746 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 233454 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 34 |
CSS
글자와 효과
|
오작교 | 14464 | 19 | 2007-06-19 | 2007-06-19 16:48 |
|
안녕하세요 이양호 입니다. 오늘은 글자의 특별한 효과에 대하여 알아보겠습니다 1. 가장 많이 쓰이는 그림자 글자 그림자글자<DIV STYLE="width:520; height:50; font-size: 15pt; color:#FFCC00; filter:Shadow(Color=#666666, Direction=225)"> <CENTER><b...
|
| 33 |
CSS
TD속에 배경을 고정하기
|
오작교 | 14410 | 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>
|
| 32 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 14373 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 31 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 14341 | 12 | 2006-05-06 | 2006-05-06 20:03 |
|
<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...
|
| 30 |
CSS
글자정렬
|
오작교 | 14081 | 24 | 2006-04-17 | 2006-04-17 14:11 |
|
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다. 그럴 때 사용할 수 있는 간단한 CSS입니다. <div style='text-align:justify'> 글내용 </div>
|
| 29 |
CSS
배경그림 고정하기
|
오작교 | 14009 | 21 | 2006-04-17 | 2006-04-17 15:04 |
|
스크롤바를 내려도 배경그림이 움직이지 않고 글씨만 올라갑니다. <body>안에 bgproperties="fixed" 만 추가하면 배경 이미지가 고정됩니다. <body bgproperties="fixed"> 간단하죠? 스타일시트로 배경그림 고정시키기 에서는 이것보다 다양한 방법으로 배경그...
|
| 28 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 13929 | 24 | 2006-05-06 | 2006-05-06 20:28 |
|
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
| 27 |
CSS
현재 문서의 소스를 메모장에 보여줍니다
|
오작교 | 13809 | 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...
|
| 26 |
CSS
"페이지 로딩 중" 넣기
|
오작교 | 13775 | 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 ...
|
| 25 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 13698 | | 2008-09-08 | 2008-09-08 14:07 |
|
buty buty buty buty buty buty buty buty .
|
| 24 |
CSS
스타일시트에서 폰트관련 속성
|
오작교 | 13626 | 17 | 2006-11-29 | 2006-11-29 02:11 |
|
Style Sheet 스타일시트1. 폰트 관련 속성 font-family 값 fonts 폴더에 있는 폰트 이름 설명 화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다. 예제 P {font-family: Courier New} 기타 만일 윈도우 시스...
|
| 23 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 13540 | 14 | 2006-04-17 | 2006-04-17 16:10 |
|
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
| 22 |
CSS
칼라에 관한 스타일시트-2
|
오작교 | 13286 | 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...
|
| 21 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 13269 | 16 | 2006-09-14 | 2006-09-14 10:42 |
|
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
| 20 |
CSS
이미지에 효과를 주어보자
|
오작교 | 13219 | 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=...
|
| 19 |
CSS
배경 고정시키기
|
오작교 | 13164 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 18 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 13128 | 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....
|
| 17 |
CSS
싸이즈대로 새창 띄우기(여러 가지 문서)
|
오작교 | 13042 | 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....
|
| 16 |
CSS
스타일시트로 배경에 그라이언트 효과
|
오작교 | 13035 | 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...
|
| 15 |
CSS
"즐겨찾기에 추가" 버튼 만들기
|
오작교 | 13023 | 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> 클릭할 버튼이나 이미지,텍스트에...
|
