애니빌드.LAB
토론방
소스관련 이미지게시판수정
- 백**민
- 2018-01-11 11:03:19
- hit3670
- http://lab.anybuild.co.kr/bbs/qna/6929
중간부분에 포트폴리오라는 부분이 있고,
게시판으로 만들었는데,
그룹코드는 {GROUP_main_pofo} 입니다. 프로그램마법사를 통해 PC출력수를 4개로 했는데도, CSS를 수정하는대도 4개로 안되고. 3개로만 노출이 됩니다.
4개로 노출하고싶은데 방법좀 알려주세요.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
# 원본
- 설정값과 연동하도록 작업되어 있습니다.
@media (min-width:102*px){
.magic-board-{$this_group_code} .magic-item {width:{$item_width_pc}%;padding:12px}
.magic-board-{$this_group_code} .magic-item > a div {padding:12px}
.magic-board-{$this_group_code} .magic-item > a div .subject {font-size:16px}
}
# main_pofo 그룹디자인
- 커스터마이징한 소스에서 크기가 고정되어 있습니다.
- 해당값을 수정하시기 바랍니다.
@media (min-width:102*px){
.magic-board-{$this_group_code} .magic-item {width:32%; height:0; padding-bottom:21%; overflow:hidden; border:2px solid #6c6c6c; margin-bottom:20px; text-align:center;}
.magic-board-{$this_group_code} .magic-item a:hover:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000000; box-sizing:border-box; background-image:url("/img_up/shop_pds/kon2017/design/main/overview.png"); background-color:rgba(0,0,0,0.75); background-size:100% auto;}
/* .magic-board-{$this_group_code} .magic-item:hover > a div.text_wr {display:block !important; width:100%; height:100%; border:10px solid #000; background:rgba(0,0,0,.7); box-sizing:border-box;}*/
.magic-board-{$this_group_code} .magic-item > a div.text_wr {display:none; position:absolute; top:0; left:0; padding:12px;}
.magic-board-{$this_group_code} .magic-item > a div.text_wr .text_v {position:absolute; top:0; right:0; bottom:0; left:0; height:150px; margin:auto;}
.magic-board-{$this_group_code} .magic-item > a div.text_wr .text_v .subject {margin-bottom:20px; font-size:40px; color:#fff; font-weight:400; text-align:center;}
.magic-board-{$this_group_code} .magic-item > a div.text_wr .text_v p {width:198px; margin:0 auto; padding:12px 45px; font-size:23px; color:#fff; font-weight:400; text-align:center; border:10px solid #fff; box-sizing:border-box;}
.grid-sizer { width: 32%; }
.gutter-sizer { width: 1.333%; }
.grid-item--width2 {width:32%;}
}
@media (max-width:1500px){
.magic-board-{$this_group_code} .magic-item {width:32%; height:0; padding-bottom:21%; overflow:hidden; border:2px solid #6c6c6c; margin-bottom:20px; text-align:center;}
.magic-board-{$this_group_code} .magic-item a:hover:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000000; box-sizing:border-box; background-image:url("/img_up/shop_pds/kon2017/design/main/overview.png"); background-color:rgba(0,0,0,0.75); background-size:100% auto;}
.magic-board-{$this_group_code} .magic-list {width:100%;}
.grid-sizer { width: 32%; }
.gutter-sizer { width: 1.333%; }
.grid-item--width2 {width:32%;}
}