웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
초보에게는 골치아픈 배경 위치 정하기...
2002.09.01 00:24
안녕하세요(__) 처음으로 엔지오에 글을 써보는데요...;;
제가 말씀드릴 내용은 여러가지 잡스크립트(?), 예를 들자면 배경화면이 수시로 바뀌는 스크립트라던지 기타 배경과 관련된 자잘한 스크립트에 통상적인 배경소스가 안 먹히는 것에 대한 해결방법을 알려드리려 합니다.
별 것 아닐 꺼라고 생각되지만 제가 이것 때문에 애 무지 먹었답니다^^;;
서론이 너무 길었군요. 그럼 시작할께요~
만약 단순하게 배경을 이미지로 깔았다면 아주 편하게(?) 소스를 넣어서 배경고정, 배경 원하는 위치에 넣기 등등 여러가지로 수정이 가능하죠.
하지만 들락날락하면 배경화면이 바뀌는, 그런 스크립트를 이용해 배경을 꾸미려면... 저런 통상적으로 쓰이는 소스들은 잘 먹히지 않죠(저만 그런건가요?^^;;)
일단 배경 반복하지 않기를 해봅시다...
복잡한 소스로 배경을 꾸몄는데, 이런! 소스를 넣었음에도 불구하고 스크립트 오류가 발생하거나
그림이 계속 바둑판 형식으로 나오는군요!
그럴 때는 웹문서 아무곳에나 이걸 삽입해주시면 됩니다.
<style type="text/css">
body {background-repeat:no-repeat}
</style>
이 코드를 삽입할 경우에 어떤 스크립트를 이용해 배경을 만들든, 요일별 배경 스크립트로 꾸미던지, 접속할 때마다 배경이 바뀌는 스크립트로 꾸몄던지 전부 바둑판 형식으로 나오지 않습니다^^
그리고 또 하나...
배경그림이 너무 어두워 게시판 글을 가려서 한쪽으로 고정시키고 싶은데 위와 같은 이유로 소스가 먹혀들지 않는다면...
<style type="text/css">
body {background-position:원하는 방향}
</style>
이 코드를 넣어주시면 됩니다. 꼭 head에 넣을 필요는 없는 걸로 알고 있습니다^^
원하는 방향에 경우 오른쪽 아래에 넣고 싶다면 right bottom을, 왼쪽 위에 넣고 싶다면 left top등을 써주세요.
만약 왼쪽 아래에 넣고 싶다면 left bottom을 써주시면 되겠죠?^^
음... 이 스타일 쉬트의 경우 모든 어떠한 경우의 배경이미지라도 입력한 방향으로 몰아넣는 효과를 볼 수 있습니다.
그리고 간과할 수 없는 스크롤 배경 고정하기!
다른 코드 없이 배경이미지 코드만 딸랑 넣으셨다면 분명히 스크롤이 움직임에 따라 배경이 바둑판처럼 계속 반복되는 것을 보실 수 있습니다.
<style type="text/css">
body { bgproperties=fixed}
</style>
이걸 넣으시면 어떠한 경우에도 스크롤을 왔다갔다해도 배경이 고정됨을 보실 수 있습니다.
제가 위에서 말씀드린 모든 스타일 쉬트는 absolute 명령어와 같이 어떠한 경우에도 효력을 발휘하기 때문에 나름대로 용도가 많습니다^^
그리고 찾아봐도, 찾아봐도 없길래 직접 짜집기 해서 한번 만들어본거고요. 초보분들! 우리 기죽지 맙시다!
조금만 머리를 굴리고 노력을 하면 홈피가 대수고 제로보드가 걱정이겠습니까? 저도 홈페이지 시작한지 2개월 반정도 밖에 안 됐습니다~~~
그래서 이런 작은 스타일 쉬트 만든 걸로도 갑격스럽네요^^
기죽지 맙시다~~~
P.S : 허접강의라고 욕하셔도 아무 말 못하니 마악 돌 던져 주세요...ㅠㅠa
제가 말씀드릴 내용은 여러가지 잡스크립트(?), 예를 들자면 배경화면이 수시로 바뀌는 스크립트라던지 기타 배경과 관련된 자잘한 스크립트에 통상적인 배경소스가 안 먹히는 것에 대한 해결방법을 알려드리려 합니다.
별 것 아닐 꺼라고 생각되지만 제가 이것 때문에 애 무지 먹었답니다^^;;
서론이 너무 길었군요. 그럼 시작할께요~
만약 단순하게 배경을 이미지로 깔았다면 아주 편하게(?) 소스를 넣어서 배경고정, 배경 원하는 위치에 넣기 등등 여러가지로 수정이 가능하죠.
하지만 들락날락하면 배경화면이 바뀌는, 그런 스크립트를 이용해 배경을 꾸미려면... 저런 통상적으로 쓰이는 소스들은 잘 먹히지 않죠(저만 그런건가요?^^;;)
일단 배경 반복하지 않기를 해봅시다...
복잡한 소스로 배경을 꾸몄는데, 이런! 소스를 넣었음에도 불구하고 스크립트 오류가 발생하거나
그림이 계속 바둑판 형식으로 나오는군요!
그럴 때는 웹문서 아무곳에나 이걸 삽입해주시면 됩니다.
<style type="text/css">
body {background-repeat:no-repeat}
</style>
이 코드를 삽입할 경우에 어떤 스크립트를 이용해 배경을 만들든, 요일별 배경 스크립트로 꾸미던지, 접속할 때마다 배경이 바뀌는 스크립트로 꾸몄던지 전부 바둑판 형식으로 나오지 않습니다^^
그리고 또 하나...
배경그림이 너무 어두워 게시판 글을 가려서 한쪽으로 고정시키고 싶은데 위와 같은 이유로 소스가 먹혀들지 않는다면...
<style type="text/css">
body {background-position:원하는 방향}
</style>
이 코드를 넣어주시면 됩니다. 꼭 head에 넣을 필요는 없는 걸로 알고 있습니다^^
원하는 방향에 경우 오른쪽 아래에 넣고 싶다면 right bottom을, 왼쪽 위에 넣고 싶다면 left top등을 써주세요.
만약 왼쪽 아래에 넣고 싶다면 left bottom을 써주시면 되겠죠?^^
음... 이 스타일 쉬트의 경우 모든 어떠한 경우의 배경이미지라도 입력한 방향으로 몰아넣는 효과를 볼 수 있습니다.
그리고 간과할 수 없는 스크롤 배경 고정하기!
다른 코드 없이 배경이미지 코드만 딸랑 넣으셨다면 분명히 스크롤이 움직임에 따라 배경이 바둑판처럼 계속 반복되는 것을 보실 수 있습니다.
<style type="text/css">
body { bgproperties=fixed}
</style>
이걸 넣으시면 어떠한 경우에도 스크롤을 왔다갔다해도 배경이 고정됨을 보실 수 있습니다.
제가 위에서 말씀드린 모든 스타일 쉬트는 absolute 명령어와 같이 어떠한 경우에도 효력을 발휘하기 때문에 나름대로 용도가 많습니다^^
그리고 찾아봐도, 찾아봐도 없길래 직접 짜집기 해서 한번 만들어본거고요. 초보분들! 우리 기죽지 맙시다!
조금만 머리를 굴리고 노력을 하면 홈피가 대수고 제로보드가 걱정이겠습니까? 저도 홈페이지 시작한지 2개월 반정도 밖에 안 됐습니다~~~
그래서 이런 작은 스타일 쉬트 만든 걸로도 갑격스럽네요^^
기죽지 맙시다~~~
P.S : 허접강의라고 욕하셔도 아무 말 못하니 마악 돌 던져 주세요...ㅠㅠa
댓글 6
-
엔카일
2002.09.01 00:31
-
유지호
2002.09.01 16:37
헉, 죄송... 제가 영어에 무지 약하거든요...^^a
네스케이프에서는 실행을 안 해봐서 모르겠네요^^;;
죄송(__) -
Rori.
2002.09.02 17:49
유용한 팁이군요...^^ -
Mutant-X
2002.09.04 15:46
테이블 안에 직접 사용하셔도 되겠죠~ 아래와같이....
<table border='0' cellpadding='0' cellspacing='0' width='780' height='600' style="background-image: url(board/img/back.gif); background-repeat: no-repeat; background-position: left top"> -
NadiaX
2003.08.01 05:19
허헉..럴수럴수이럴수가
내가찾던 바로 그~그~ㅠㅠ태그만 일주일배워서 ㅠㅠ바둑판배경하고 스크롤할때 사라지는거땜에 3일을 밥도 안먹고 컴터와 씨름했눈데.ㅠㅠ감사합니다.너무감사감사
정말 감사해요..항상좋은일만있기를 1분간 눈감고 빌께요(정말루) -
황석규
2004.04.06 17:57
메인에서 만 백그라운드가 적용되는데..우찌이런일이..좀 도와주세요??
koreai.pe.kr
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지 로그인 연동 [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 |
질문 하나 할께요... 넷스에서는 되는지..
그리고 apsolut 가 아니고 absolute 아닐까요...^^;