라이브러리
프로그래밍언어, 각종코드, 관련동향, 논문 등의 저장소
IT Library (284)
스크롤바 색상 바꾸기

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

 

- 파일 내용 -

 

<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