Loading the content...

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

blog skin(masonry) 가로 box의 갯수 늘리기

2,316 2015.06.24 15:22

짧은주소

본문

blog 스킨(masonry를 사용)/list.skin.html 을 에디터로 엽니다.

다음 예제는 가로로 4개의 박스를 만드는 방법입니다.
var box_width = (((containerWidth - 2*gutter)/3) | 0) ; 을 검색하여 수정합니다.
이윰에서 제공하는 스킨에선 수정 할 곳이 2군데 입니다.

수정 후

var box_width = (((containerWidth - 3*gutter)/4) | 0) ;


위 소스는 다음을 의미합니다.
var box_width = (((스킨의 전체 넓이 - (가로 박스의 갯수-1)*gutter)/가로 박스의 갯수) | 0) ;

잘 응용해서 사용해보시기 바랍니다.

0
좋아요!
- shadow 메일보내기 아이디로 검색 - 회원등급 : 줄기/Level 17 - 포인트 : 674,374
레벨 17
경험치 28,938

Progress Bar 52%

- 가입일 : 2015-02-26 22:28:15
- 서명 :
- 자기소개 :
댓글목록

joosam님의 댓글

shadow님 언제나 좋은 팁 고맙습니다~~~

축하합니다. 첫댓글 포인트 90포인트를 획득하였습니다.

fm25님의 댓글

뭔가 손 댄 곳이 있는지... 저는 오히려 2개로 1개가 줄어버리네요...;;;

크롱크롱님의 댓글

막히는 부분 이것으로 해결이 되었습니다. 감사합니다.

Total 123건 2 페이지
제목
shadow 아이디로 검색 2015.07.30 2,959 1
암스원 아이디로 검색 2015.07.20 3,441 1
이윰넷 아이디로 검색 2015.07.08 3,791 1
갓구운빵 아이디로 검색 2015.07.03 1,909 0
암스원 아이디로 검색 2015.07.01 3,193 2
암스원 아이디로 검색 2015.07.01 2,593 1
암스원 아이디로 검색 2015.06.30 3,494 1
shadow 아이디로 검색 2015.06.24 2,317 0
red123 아이디로 검색 2015.06.22 2,332 0
shadow 아이디로 검색 2015.06.18 2,237 0
shadow 아이디로 검색 2015.06.18 1,930 0
fm25 아이디로 검색 2015.06.13 3,125 0
red123 아이디로 검색 2015.06.13 1,638 0
maxform 아이디로 검색 2015.06.11 2,323 0
fm25 아이디로 검색 2015.06.07 3,694 0