웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤바가 생겨도 배경그림이 고정되게 하는 방법에 대해 이야기 하겠습니다.
스타일이용해서 고정하는 방법은 원하는 위치에 고정이 되겠지만 일반적으로
배경그림이 움직이지 않게만 하길 원할 때는 스타일보다 간단한 방법이 있습니다.
body background="그림경로" 뒷부분에
bgproperties="fixed"라고 써 주시면 됩니다.
<body background="123.gif" bgpropertie="fixed">
위와 같은 형식이 되겠지요.
--------------------------------
'배경'이라는 단어로 검색하면 나오지만
스타일을 이용해서 배경그림을 고정하는 방법은
<head>와 </head>사이에 아래 부분을 써주시면 됩니다.
보통, 제로보드 투명스킨을 제작할때 오른쪽 아래에 배경그림을 고정시키는 방법으로 사용하지요.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
-------------------------------
장단점이 있겠지만 두개의 차이점을 발견했는데요 ^^;
그림을 참고로해서 필요한 기능을 골라서 사용하시면 될 것 같습니다.
위에서 설명한 bgproperties같은 경우에 오른쪽에 고정하는건 안되는 걸로 알고 있거든요
꼬리 : 웁! 그림에 오타가... 귀찮아서 안고치겠음 ㅠㅠ;
배경그림 고정하기
2002.08.28 15:53
스크롤바가 생겨도 배경그림이 고정되게 하는 방법에 대해 이야기 하겠습니다.
스타일이용해서 고정하는 방법은 원하는 위치에 고정이 되겠지만 일반적으로
배경그림이 움직이지 않게만 하길 원할 때는 스타일보다 간단한 방법이 있습니다.
body background="그림경로" 뒷부분에
bgproperties="fixed"라고 써 주시면 됩니다.
<body background="123.gif" bgpropertie="fixed">
위와 같은 형식이 되겠지요.
--------------------------------
'배경'이라는 단어로 검색하면 나오지만
스타일을 이용해서 배경그림을 고정하는 방법은
<head>와 </head>사이에 아래 부분을 써주시면 됩니다.
보통, 제로보드 투명스킨을 제작할때 오른쪽 아래에 배경그림을 고정시키는 방법으로 사용하지요.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
-------------------------------
장단점이 있겠지만 두개의 차이점을 발견했는데요 ^^;
그림을 참고로해서 필요한 기능을 골라서 사용하시면 될 것 같습니다.
위에서 설명한 bgproperties같은 경우에 오른쪽에 고정하는건 안되는 걸로 알고 있거든요
꼬리 : 웁! 그림에 오타가... 귀찮아서 안고치겠음 ㅠㅠ;
댓글 5
-
Nytoner
2002.08.31 18:25
-
행복한고니
2002.09.19 14:05
예전에 어디서 봤는데, 배경그림을 고정하면 로딩속도가 조금 더 빨라진다네요~ *^^* -
권순현
2003.02.10 19:33
GG^^; -
체리★
2003.02.19 14:49
정말 유용하게 잘 썼어요^^ 감사합니다! -
Dredroad[炫]
2007.01.14 22:53
정말 감사합니다!
제목 | 글쓴이 | 날짜 |
---|---|---|
ZipShin님 버튼 기능추가...누르면 링크가 됩니다...^^; [1] | 김희성 | 2003.01.05 |
[Tip]한글 97로 홈페이지 틀 짜기 [8] | Alunar | 2002.09.21 |
으앗~~ 이거 엄청긴데 어느새월에 brbr 치구있어..=_;; 한번에 엔터효과주자! [15] | 깻잎사랑=_=v | 2002.09.15 |
배경그림 고정하기 [5] | 티투 | 2002.08.28 |
노프레임 홈페이지 만들기 강좌:) [53] | Alunar@R. | 2002.08.22 |
테이블에 마우스 커서 올리면 배경색 변하게 하기 [7] | Eccen | 2002.08.17 |
그린 커뮤니티 강의 - 뉴스티커 만들기 [10] | 그린 | 2002.08.15 |
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] | ▩윤미 | 2002.07.14 |
나왔다 드러갔다하는 메뉴.. [15] | Mr. JH | 2002.05.17 |
저기에서 이리로 온 글입니다. [3] | 이성영 | 2002.05.07 |
드래그하면 바뀌는 마술거울효과 (-_-")v [16] | 짱나 | 2002.04.05 |
두 개의 프레임을 동시에 제어하기 [4] | (づ_-) 위드 | 2002.03.25 |
프레임 만들기 [6] | 냠냠 | 2002.03.10 |
특수문자 사용하기 | 란즈 | 2002.03.02 |
아주!!간단한 나갈때인사말띄우기-_- | 란즈 | 2002.03.02 |
▩폼 필드 예쁘게 꾸미는 법 [2] | ▩윤미 | 2002.03.02 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] | choice | 2002.02.25 |
오른쪽 스크롤바 에 출렁이며 내려오는 공지창 [3] | choice | 2002.02.25 |
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계 [8] | Multi_Taeji | 2004.10.13 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가- [17] | 남규성 | 2004.05.05 |
그런데 HTML 태그보단 CSS 사용법 카테고리에 맞는 것 같아서 수정을 하였습니다 ^^