테스트 사이트 - 개발 중인 베타 버전입니다

전체 배경 이미지 적용하기

· 11년 전 · 13436 · 1
bg_geometry2.png
위 이미지를 이용했습니다.
(희미해서 잘 보이지 않을 듯 하여 테두리를 둘렀...)

이미지 출처 : 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개

10년 전
제 의견을 말씀드리면.
body에 배경을 넣으면 회원가입/쪽지보내기/ 등.. 팝업창에도 배경이 적용이 되버리네요.
body보단 Div추가해서 바디역활을 해주는것도 나쁘지 않을듯 합니다!

게시글 목록

번호 제목
2255
2247
2236
2232
2230
2211
2206
2203
2200
2193
2186
2185
2184
2182
2181
2173
2171
2162
2158
2153
2148
2147
2146
2141
2138
2137
2130
2127
2126
2110