애니빌드.LAB
토론방
디자인팜 디자인팜 문의 드립니다.(죄송합니다. 빠른 확인 부탁드립니다. )
- a**pkorea16
- 2016-02-04 14:38:00
- hit3982
- http://lab.anybuild.co.kr/bbs/qna/5205
안녕하세요? 오늘도 즐거운 하루 되세요~~ 그리고 혹시 문의 내용이 바로 처리 할 수 있는 부분이면 답변 부탁드립니다. 저희 측에 2일전에 접수 된 것인데., 내일 오전까지 완료가 되어야 한다고 해서 급하게 문의 하게 되었습니다.
아이콘이 pc에서는 노출이 되지 않고 모바일에서만 노출시키는데, 한줄에 아이콘 6개를 삽입할려고 하는데, 어떻게 하는지 방법을 모르겠습니다. 참조 사이트는 id : appkorea14 / http://appkorea14.appkorea119.co.kr/pc 모바일 메인 노출과 같은 형태로 하고 싶습니다. 문의 사항을 이미지로 올립니다. 감사합니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
1) 이미지리스트 (타일형) 설치 후, 이미지 6개를 등록합니다.
2) 모바일에서 6개, PC에서 출력하지 않도록 [고급자용 소스수정] 에서 수정해야 합니다.
샘플사이트 소스 기준으로 설명해드립니다.
- 원본소스 CSS
.img_tile_24131_:after {content:''; display:block; clear:both;}
.img_tile_24131_ * {box-sizing:border-box;}
.img_tile_24131_ .item {float:left; position:relative; width:100%; padding:5px;}
.img_tile_24131_ .item a {display:block; text-decoration:none;}
.img_tile_24131_ figure {display:block; margin:0; padding:5px;}
.img_tile_24131_ figure img {max-width:100%; vertical-align:bottom;}
.img_tile_24131_ .text_box {display:{$farm_set[text_display]};}
.img_tile_24131_ .text_box p {margin:0; padding:5px;}
.img_tile_24131_ .subject {font-weight:bold; color:{$farm_set[color]};}
.img_tile_24131_ .content {color:#444;}
.text_sml_24131_ .subject {font-size:14px; line-height:1.6em;}
.text_sml_24131_ .content {font-size:13px; line-height:1.6em;}
.text_mid_24131_ .subject {font-size:16px; line-height:1.4em;}
.text_mid_24131_ .content {font-size:14px; line-height:1.6em;}
.text_big_24131_ .subject {font-size:18px; line-height:1.4em;}
.text_big_24131_ .content {font-size:15px; line-height:1.6em;}
...
추가내용
...
- 수정소스 CSS
.img_tile_24131_:after {content:''; display:block; clear:both;}
.img_tile_24131_ * {box-sizing:border-box;}
.img_tile_24131_ .item {float:left; position:relative; width:16.66%; padding:5px;}
.img_tile_24131_ .item a {display:block; text-decoration:none;}
.img_tile_24131_ figure {display:block; margin:0; padding:5px;}
.img_tile_24131_ figure img {max-width:100%; vertical-align:bottom;}
.img_tile_24131_ .text_box {display:{$farm_set[text_display]};}
.img_tile_24131_ .text_box p {margin:0; padding:5px;}
.img_tile_24131_ .subject {font-weight:bold; color:{$farm_set[color]};}
.img_tile_24131_ .content {color:#444;}
.text_sml_24131_ .subject {font-size:14px; line-height:1.6em;}
.text_sml_24131_ .content {font-size:13px; line-height:1.6em;}
.text_mid_24131_ .subject {font-size:16px; line-height:1.4em;}
.text_mid_24131_ .content {font-size:14px; line-height:1.6em;}
.text_big_24131_ .subject {font-size:18px; line-height:1.4em;}
.text_big_24131_ .content {font-size:15px; line-height:1.6em;}
아래에 있는 다른 css 는 전부 삭제해주세요.
위와 같이 item 당 크기를 수정해주시면 됩니다.
[변수관리] 에서 다음 두개를 삭제해주세요.
$farm_set[col_m]
$farm_set[col_pc]