전체 배경 이미지 적용하기
위 이미지를 이용했습니다.
(희미해서 잘 보이지 않을 듯 하여 테두리를 둘렀...)
이미지 출처 : http://subtlepatterns.com
적용 예 : http://internationale.kr
aside에 제가 따로 첨부한 즐겨찾기 부분만 적용이 안되네요...;;;
css/default.css
[code]body {margin:0;padding:0;font-size:0.75em;font-family:dotum}[/code]
'초기화'의 이 부분을
[code]body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경 이미지')} /* background img */[/code]
로 변경합니다.
위의 작은 이미지가 반복 출력되는 방식입니다.
전체 화면을 채우는 큰 이미지를 사용할 경우에는... 반복 출력되지않게 하는 소스를 추가 입력해주면 됩니다.
이미지로 넣지않고 색으로 넣고자 한다면...
'background:url('../img/배경 이미지')' 대신... 'background:색상코드'로 입력하면 됩니다.
[code]#hd {z-index:4;position:relative;min-width:970px;background:#fff}[/code]
'상단 레이아웃' 부분...
[code]#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}[/code]
[code]#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}[/code]
'중간 레이아웃'의 이 부분들...
에 있는 'background:#fff'를 모두 삭제합니다.
(희미해서 잘 보이지 않을 듯 하여 테두리를 둘렀...)
이미지 출처 : http://subtlepatterns.com
적용 예 : http://internationale.kr
aside에 제가 따로 첨부한 즐겨찾기 부분만 적용이 안되네요...;;;
css/default.css
[code]body {margin:0;padding:0;font-size:0.75em;font-family:dotum}[/code]
'초기화'의 이 부분을
[code]body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경 이미지')} /* background img */[/code]
로 변경합니다.
위의 작은 이미지가 반복 출력되는 방식입니다.
전체 화면을 채우는 큰 이미지를 사용할 경우에는... 반복 출력되지않게 하는 소스를 추가 입력해주면 됩니다.
이미지로 넣지않고 색으로 넣고자 한다면...
'background:url('../img/배경 이미지')' 대신... 'background:색상코드'로 입력하면 됩니다.
[code]#hd {z-index:4;position:relative;min-width:970px;background:#fff}[/code]
'상단 레이아웃' 부분...
[code]#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}[/code]
[code]#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}[/code]
'중간 레이아웃'의 이 부분들...
에 있는 'background:#fff'를 모두 삭제합니다.
댓글 1개
11년 전
제 의견을 말씀드리면.
body에 배경을 넣으면 회원가입/쪽지보내기/ 등.. 팝업창에도 배경이 적용이 되버리네요.
body보단 Div추가해서 바디역활을 해주는것도 나쁘지 않을듯 합니다!
body에 배경을 넣으면 회원가입/쪽지보내기/ 등.. 팝업창에도 배경이 적용이 되버리네요.
body보단 Div추가해서 바디역활을 해주는것도 나쁘지 않을듯 합니다!
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4426 | ||
| 2604 | 8개월 전 | 676 | ||
| 2603 | 8개월 전 | 735 | ||
| 2602 | 8개월 전 | 648 | ||
| 2601 |
|
8개월 전 | 671 | |
| 2600 |
|
8개월 전 | 580 | |
| 2599 | 8개월 전 | 809 | ||
| 2598 | 8개월 전 | 603 | ||
| 2597 |
다케미카코
|
8개월 전 | 756 | |
| 2596 | 8개월 전 | 854 | ||
| 2595 |
|
9개월 전 | 446 | |
| 2594 | 9개월 전 | 608 | ||
| 2593 |
만두먹고또먹고
|
9개월 전 | 938 | |
| 2592 | 9개월 전 | 613 | ||
| 2591 | 9개월 전 | 620 | ||
| 2590 | 9개월 전 | 690 | ||
| 2589 |
|
9개월 전 | 760 | |
| 2588 | 9개월 전 | 479 | ||
| 2587 | 9개월 전 | 796 | ||
| 2586 | 9개월 전 | 644 | ||
| 2585 | 9개월 전 | 511 | ||
| 2584 | 9개월 전 | 577 | ||
| 2583 | 9개월 전 | 499 | ||
| 2582 | 9개월 전 | 644 | ||
| 2581 | 9개월 전 | 600 | ||
| 2580 |
만두먹고또먹고
|
9개월 전 | 517 | |
| 2579 |
|
9개월 전 | 665 | |
| 2578 | 9개월 전 | 649 | ||
| 2577 | 9개월 전 | 628 | ||
| 2576 | 10개월 전 | 562 | ||
| 2575 |
이슈DEV
|
10개월 전 | 993 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기