Loading the content...

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

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

2,314 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건 6 페이지
제목
fm25 아이디로 검색 2015.03.18 1,964 0
김나리 아이디로 검색 2015.03.25 2,442 0
비즈팔 아이디로 검색 2015.04.02 1,390 0
fm25 아이디로 검색 2015.04.03 1,736 0
미너리스 아이디로 검색 2015.04.09 1,307 0
joosam 아이디로 검색 2015.04.10 1,375 0
shadow 아이디로 검색 2015.04.10 1,506 0
shadow 아이디로 검색 2015.04.11 3,188 0
shadow 아이디로 검색 2015.04.13 2,371 0
shadow 아이디로 검색 2015.04.15 2,763 0
fm25 아이디로 검색 2015.04.22 1,795 0
fm25 아이디로 검색 2015.04.29 1,996 0
비즈팔 아이디로 검색 2015.04.30 4,318 0
shadow 아이디로 검색 2015.05.06 3,986 0
fm25 아이디로 검색 2015.05.07 2,041 0