웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
벅스 연동 되는 자세한 소스... [6] | 서비 | 2002.09.07 |
벅스 플레이어 소스입니다. [6] | ☺Lifestory™ | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-4 [1] | ZipShin | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-3 [2] | ZipShin | 2002.09.04 |
자바스크립트 없이 브라우저 버전체크 [5] | steelheart | 2002.09.03 |
[HTML 초보자]- 테이블 태그를하자-2 [5] | ZipShin | 2002.09.02 |
초보에게는 골치아픈 배경 위치 정하기... [6] | 유지호 | 2002.09.01 |
[HTML 초보자] 테이블 태그를하자-1 [5] | ZipShin | 2002.08.30 |
[HTML 초보자] marquee 태그 마스터 하기. [5] | ZipShin | 2002.08.27 |
스타일 시트 적용순서 [4] | 판타랏사 | 2002.08.24 |
[HTML 초보자] HTML <Hr>태그에 대해서.. [3] | ZipShin | 2002.08.23 |
[HTML 초보자] 강제개행 <br>태그 엔터효과. [8] | ZipShin | 2002.08.21 |
HTML/CSS/JSCRIPT Reference for IE5.0 and above [5] | 송인석 | 2002.08.20 |
HTML과 CSS 사전을 만들어 보았습니다. [7] | 01CODE.com | 2002.08.20 |
[초보-하드코딩] 소스정리 팁 몇가지... [23] | 안데르센 | 2002.08.19 |
[HTML 초보자] HTML 문단 P태그에 대해서 알아봐요..^^ [5] | ZipShin | 2002.08.18 |
웹 폰트 적용 시키기 - 초보자용 - [13] | 하지메 | 2002.08.18 |
[HTML]::HTML소스를 쉽게! 그대로 표시하게 하잣!! [3] | Smileru™ | 2002.08.17 |
[HTML 초보자] HTML HeadLine태그(H1,H2..) [6] | ZipShin | 2002.08.16 |
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |
질문 하나 할께요... 넷스에서는 되는지..
그리고 apsolut 가 아니고 absolute 아닐까요...^^;