애니빌드.LAB
토론방
디자인팜2.0 디자인팜 2.0 레이아웃 크기 조절
- t**eboston
- 2017-02-13 18:27:14
- hit3958
- http://lab.anybuild.co.kr/bbs/qna/6670
레이아웃 크기를 가로풀과 1000 사이즈만 가능한가요? 위에 가로풀로 하고 밑에 하단은 1400정도로 변경할수 없나요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
스킨을 소스모드로 하게 되면 변경은 가능하긴 합니다만 이렇게 되면 스킨부분은 소스 기반으로 처리를 하셔야 됩니다.
그리고 저희쪽에서 작업한 페이지의 경우 기본적으로 1000으로 제작이 되어있기 때문에 각 페이지 부분은 조정은 필요해 보입니다.
결론적으로 변경이 가능하긴 하나 작업량이 꽤 되고 향후 유지보수부분의 시간도 다소 많이 걸릴듯 싶습니다.
아래 하단 레이아웃과 위에 레이아웃이 사이즈 크기가 차이가 커서 이걸 좀 줄이려고 하는데 요소검사해보니 1000px 로 되어있어서 이걸 좀 수정해보려고 스킨을 소스모드에가서도 보고 했는데
바뀌질 않네요.. 각페이지 부분은 1000으로 해도 상관은 없습니다.
아 그리고 퀵바가 왼쪽과 센터만 되어있는데 위와 같이 오른쪽 끝에 고정 시키려면 어떡해 해야하나요?
2. 하단 1400px 로 변경
- 하단 부분이 1개의 블록으로 이루어진 경우에는 소스수정으로 작업이 가능합니다.
1) 블록을 100%로 설정합니다.
2) 컨텐츠 (이미지 리스트) 소스에서 css 를 수정해서 max-width:1400px; margin:0 auto; 를 추가하시면 됩니다.
- 하단의 첫번째 블록에 수정을 해두었으니, 해당 소스를 참고하여 아래 블록을 수정해주세요.
(2~6칸 블록의 경우에는 위의 방법으로 작업이 불가능합니다.)
3. 퀵바 우측끝 고정
- 우측고정은 기본기능으로 지원하지 않기 때문에, css를 이용해서 우측으로 고정해야 합니다.
- 해당 퀵바의 소스를 확인해보면 다음과 같습니다.
<div id="floating_7014" style="border: 0px solid red; z-index: 1000; width: 110px; height: 900px; position: absolute; top: 100px; left: 0px;">
...
</div>
- 퀵바 소스에 다음을 추가하였습니다. (소스편집기에서 확인가능)
<style>
#floating_7014 {left:auto !important; right:0 !important;}
</style>
- 관리자에서 크기값들을 수정해서 위치를 맞춰주세요.