전체 배경 이미지 적용하기 > 그누보드5 팁자료실

그누보드5 팁자료실

전체 배경 이미지 적용하기 정보

전체 배경 이미지 적용하기

첨부파일

bg_geometry2.png (4.1K) 58회 다운로드 2014-10-06 18:19:38

본문

위 이미지를 이용했습니다.
(희미해서 잘 보이지 않을 듯 하여 테두리를 둘렀...)

이미지 출처 : http://subtlepatterns.com

적용 예 : http://internationale.kr

aside에 제가 따로 첨부한 즐겨찾기 부분만 적용이 안되네요...;;;


css/default.css

body {margin:0;padding:0;font-size:0.75em;font-family:dotum}

'초기화'의 이 부분을

body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경 이미지')} /* background img */

로 변경합니다.

위의 작은 이미지가 반복 출력되는 방식입니다.
전체 화면을 채우는 큰 이미지를 사용할 경우에는... 반복 출력되지않게 하는 소스를 추가 입력해주면 됩니다.

이미지로 넣지않고 색으로 넣고자 한다면...
'background:url('../img/배경 이미지')' 대신... 'background:색상코드'로 입력하면 됩니다.


#hd {z-index:4;position:relative;min-width:970px;background:#fff}

'상단 레이아웃' 부분...


#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#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}

'중간 레이아웃'의 이 부분들...

에 있는 'background:#fff'를 모두 삭제합니다.
추천
1

댓글 1개

제 의견을 말씀드리면.
body에 배경을 넣으면 회원가입/쪽지보내기/ 등.. 팝업창에도 배경이 적용이 되버리네요.
body보단 Div추가해서 바디역활을 해주는것도 나쁘지 않을듯 합니다!
전체 2,432 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT