라이브러리
프로그래밍언어, 각종코드, 관련동향, 논문 등의 저장소
Programming (46)
유용한 메타 태그 사용법~

메타(META) 태그유용사용법!! HEAD 안에 넣어주세요~

 

1. 익스플로어 6부터는 마우스를 이미지 위에 올리면 저장, 프린트 등등의 아이콘이 생기죠...
그걸 안보이게 해주는것입니다.

<META http-equiv="imagetoolbar" content="no">

 

2. 특정시간후에 특정주소페이지로 이동합니다. 즉, 10초후에 index.htm 으로 자동이동됩니다.

게시판같은 실시간 새로고침이 필요한 경우에도 유용할것 같아요~

<meta http-equiv='refresh' content='10;URL=index.htm'>

 

3. 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드들을 정리해둡니다.

<meta name="keywords" content="홈페이지,아이콘,플래시,자바스크립트,">

 

4. 홈페이지 만드사람을 기재해둡니다.

<Meta name="Author" content="lswsks">

5. 특정웹브라우져에서 한글이 깨져보이는 현상을 없앨수 있습니다. Charset을 "ks_c_5601-1987"로 지정하면 완성형 코드만을 볼 수 있는것입니다.

<Meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">

  Comments,     Trackbacks
스크롤바 트랙까지 아예없애 버릴때~

스크롤바가 필요없이 내용이 항상 짧다면.. 아예 없애버리면 깔끔하다.

 

<body scroll=no>

스크롤바가 아예 생기지도 않는다..

  Comments,     Trackbacks
스크롤바 색상 바꾸기

스크롤바의 색상을 자유자재로 바꿀수 있습니다.

 

- 파일 내용 -

 

<HTML>

<HEAD><TITLE>스크롤바 색상 바꾸기</TITLE>

<style type="text/css">

  body{scrollbar-3dlight-color:"#ffffff";   //왼쪽 외곽선
      scrollbar-arrow-color:"#cccccc";      //화살표
      scrollbar-track-color:"#ffffff";      //남는 보이는 페이스부분
      scrollbar-darkshadow-color:"#ffffff"; //오른쪽 외곽선
      scrollbar-face-color:"#ffffff";       //움직이는 막대
      scrollbar-highlight-color:"#cccccc";  //왼쪽 내곽선
      scrollbar-shadow-color:"#ffffff";     //오른쪽 내곽선
  }

</style>

</HEAD>

<BODY>

스크롤바가 생기게 내용을 길게 한후에 테스트해보세요~

</BODY>

</HTML>

 

 

해당 페이지에서 보여지는 스크롤바는 모두 위에서 정의한 색상의 영향을 받습니다.

다른 색상으로 보여질 스크롤바가 있다면... 따로 정의하고 싶다면...

클래스를 활용하세요...

  Comments,     Trackbacks
iframe(아이프레임) 에 이미지 또는 페이지 띄우기

페이지가 바뀔 필요없이 어느 지정영역에 이미지 또는 페이지만 바뀌면 될때..

다른 페이지로 불러들이는것 보다 효율적일수 있겠죠..^^

 

==아이프레임지정영역 ==

 

table 의 td 또는 바디안에 위치해있어야 합니다.

iframe이 들어갈 위치에 소스를 코딩하는 것입니다.

 

<iframe name="img" src="기본으로 띄울이미지/페이지 주소" scrolling="auto" width=610 height=600 marginwidth=0 marginheight=0 frameborder=0></iframe>
 
 <a href="새로띄울 이미지/페이지 주소"target="img"><img src="버튼이미지주소" border=0></a>

 

[버튼이미지주소] 라는 이미지를 클릭하면 img 라는 이름을 가진 창에 링크주소가 열립니다.

iframe name 의 name 이 img 라고 되어있으므로 해당 아이프레임에 이미지 또는 페이지가 열립니다.

 

  Comments,     Trackbacks
DIV 테이블 만들기

[DIV]테이블안에.. 혹은 특정위치에 레이어형식의 보이지 않는 박스로 내용을 위치시킬때..

또는... 내용이 길어질수도 짧아질수도 있어 스크롤바를 생성시켜야 할때...

(여기서 스크롤바색상은 변경가능하며 스크롤바색상바꾸는 소스를 참조하세요..^^)

 

 

== DIV 내에 스타일로 직접 정의하는 방법

 

<div style="width:800px; height=380; overflow: auto; padding:20px; border:0 solid; font:12px 돋움체; color:"#ffffff";">내용</div>

 

 

== DIV 에 클래스로 정의하는 방법

 

<div class=table>내용</div>

 

css 내용을 본 파일의 스타일쉬트부분에 클래스로 묶어 정의합니다.

.table{width:800px; height=380; overflow: auto; padding:20px; border:0 solid; font:12px 돋움체; color:"#ffffff";}

  Comments,     Trackbacks
버튼에 이미지로 백그라운드 깔기~

버튼을 만들고 그 버튼에 색으로 채우지 않고이미지로 깔아줄때는...

 

<input type=button style="background-image:url('aaa.gif')" value=버튼>

  Comments,     Trackbacks