애니빌드.LAB
토론방
디자인팜 디자인팜 bg이미지설정
- s**mtotal
- 2015-10-19 13:34:00
- hit4342
- http://wdev.anybuild.co.kr/bbs/qna/4932
메인상단의 갤러리 부분을 해상도의 100%에 맞도록 백그라운드이미지를 상단의 즐겨찾기부분처럼 삽입하고자 합니다.
상단의 소스부분과 동일하게 삽입할 경우 1200px에 맞춰 백그라운드이미지가 삽입이 되는데.. 100%에 맞추어 삽입하는 방법을 알고 싶습니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
100% bg를 깔려고 혀면 고급자용 소스수정을 통해서만 가능합니다.
즐겨찾기 되어있는 부분을 클릭을 하면 고급자용 소스수정이라고 나오는데요..해당 소스를 수정을 하셔서 처리를 하시면 됩니다.
아래의 소스가 100% bg처리를 한 내용이니 참고하시기 바랍니다.
감사합니다.
말씀해주신대로 처리해보았으나 1200px에 맞춰서 삽입이 됩니다.
메인의 갤러리부분에 bg삽입은 다른처리가 필요한 사항인지요.
@ 방법1
- 현재 사이트에 적용된 배경을 확인하였습니다.
# 메인스킨소스
.layout_3011*_ {clear:both; background:url({$farm_skin_layout[main_bg]}) no-repeat 0 0;}
해당소스의 반복값을 repeat-x 로 변경해주시면 가로해상도가 늘어나도 100%로 출력됩니다.
@ 방법2
- 현재는... 사이트 화면을 줄이게 되면 갤러리 크기는 줄어들지만 배경 높이는 고정값이기 때문에, 다른 컨텐츠 영역까지 배경이 노출되는 문제가 있습니다.
해당 부분을 올바르게 작업하시려면, 갤러리를 메인페이지가 아닌 스킨페이지에 등록하셔야 합니다.
- 메인스킨 (main) 의 디자인팜 수정모드 페이지에서 다음과 같이 수정합니다.
1. [웹페이지 본문이 출력되는 곳입니다.] 아래에 1칸 레이아웃을 추가합니다.
2. [웹페이지 본문이 출력되는 곳입니다.] 컨텐츠를 새로 생성된 1칸 레이아웃에 넣습니다.
3. 메인페이지의 갤러리 부분을 메인스킨으로 복사합니다. (두창을 함께 열어두고 ctrl+c -> ctrl+v)
4. 복사된 갤러리 컨텐츠를 배경이 적용되어있던 1칸 레이아웃에 넣습니다.
5. 정상적으로 출력되는지 확인합니다.
- 주로 컨텐츠 가로크기는 고정값이지만.. 상단 갤러리 부분이 크거나 100% 일때 이와같이 작업합니다.
(메인컨텐츠 영역은 가로 1200px 고정, 갤러리는 배경포함 100%)