웹마스터 팁
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
정말 감사합니다!
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지 로그인 연동 [10] | 응삼 | 2011.02.28 |
XE 모듈/스킨 개발시 사용 가능한 변수 알아내기 [3] | 도라란 | 2011.02.27 |
메뉴 클릭시 알림메시지 띄우기 [1] | 도라란 | 2011.02.27 |
xe_member 테이블에서 extra_vars 필드 분리하기... [1] | 맘편한넘 | 2011.02.26 |
XE 검색 속도 향상 팁(확장 변수 검색시) [5] | 명드래곤 | 2011.02.26 |
확장변수 - 주소입력 받을 시 안내문구 출력 [2] | 반디소리 | 2011.02.24 |
글쓴이의 정보 추출해서 게시판 출력하기 [9] | 야호z | 2011.02.24 |
모듈 개발하실때 새로운 버전이 나오면 알림 기능 만들기 [4] | 라르게덴 | 2011.02.24 |
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] | 999 | 2011.02.23 |
[중복일수도...] Srl 생성의 비밀???;;? [1] | RainDrop+ | 2011.02.22 |
문자열 처리 함수 + 파일 처리 함수 [1] | 999 | 2011.02.22 |
7일이상 지난 글에 댓글달면 포인트 지급 안하기 [19] | SMaker | 2011.02.21 |
IIS 7용 Rewrite | fsfsdas | 2011.02.20 |
nginx에서 대역폭 제한하기 | fsfsdas | 2011.02.20 |
apache2에서 proxy 설정하기 | fsfsdas | 2011.02.20 |
nginx에서 proxy 설정하기 [2] | fsfsdas | 2011.02.20 |
php5 설정(최적화) | fsfsdas | 2011.02.20 |
MySQL db를 InnoDB로 바꾸기 (MyISAM to InnoDB) | fsfsdas | 2011.02.20 |
리눅스에서 디렉토리, 파일 용량 확인하기 | fsfsdas | 2011.02.20 |
우분투 charset을 euc-kr로 변경하기 | fsfsdas | 2011.02.20 |
그런데 HTML 태그보단 CSS 사용법 카테고리에 맞는 것 같아서 수정을 하였습니다 ^^