masonry 갤러리 게시판 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

masonry 갤러리 게시판 정보

갤러리 masonry 갤러리 게시판

첨부파일

jimin_interest.zip (44.9K) 1491회 다운로드 2014-12-26 10:05:37
jimin_ftp_file.zip (55.0K) 396회 다운로드 2014-12-26 10:05:37

본문

안녕하세요.

최근 핀터레스트와 같은 형태의 갤러리에 관심을 가지면서
"theMAD"님의 스킨을 이용해서 몇가지 수정보완해봤습니다.

스킨을 보면서 masonry라는것을 알게 됐는데 참 흥미로웠습니다.
지금은 공부중이라 "theMAD"님의 스킨을 이용했는데
새로 제작으로 독립형 빌더?를 제작할 계획인데 어렵네요 ㅜㅜ;

"theMAD"님께 감사드립니다.

위 스킨에대해 허락을 구해봤는데 답장이 없으셔서... 문제된다면 삭제하겠습니다.

기존 스킨 : http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2853&sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC


위 홈페이지와 같은 느낌으로 하시고자 하시는분은
그누보드 기본 설치 파일에 첨부파일 "jimin_ftp_file"을 받으셔서 덮어 씌우시면됩니다.
이미 작업한 싸이트의 경우 작업된 부분이 날아갈 수 있으니 백업후 이용해주세요.



이미지 크기 설정
- 관리자 게시판설정 : 갤러리 게시판 폭 : 200 / 높이 : 0

게시판 상단 메뉴
- 관리자 게시판설정 : 카테고리 입력


----------------------------
2014-12-26 일자 수정

썸네일 저장시 이미지가 깨지는 현상이 있었습니다.
관리자 페이지에서 설정된 가로폭이 썸네일저장시 세로싸이즈로 저장되어 비율이 맞지 않게 저장되어 깨지는 부분이었습니다.
위 첨부파일에 새로 업로드 하였습니다.

기존 사용하시던분은 아래 소스코드만 변경해주시면됩니다.

파일 : list.skin.php  215번째줄

$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'] );

으로 변경
----------------------------
추천
11

댓글 전체

멋진 스킨 감사드립니다.^^
근데 링크를 걸어주신 사이트도 그렇고 제가 테스트하는 곳도 그렇고 사진 위아래의 간격이 있는 사진도 있고 붙어있는 것도 그렇네요. 또 정렬할때 중간에 사진이 비어있는 부분도 보이구요.
이부분이 수정이 되면 훨씬 좋을것 같습니다.^^
진리죠~ masonry, infinitescroll 두가지는... ㅋ

스킨 감사합니다.

태클은 절대 아니고, 저 두가지 스크립트를 적용하고, 카테고리를 링크가 아닌 masonry 에 포함된 카테고리 기능등을 적용하면 멋진 스킨이 탄생할겁니다. 시간만 있다면 만들어 올리고싶은데, 여유가 없네요...

나중에 제작하게되면 활용해도될까요 ^^ 멋진스킨 다시한번 감사드립니다.
혹시나해서 댓글을 남겨놉니다.
좋은갤러리같은데....저도 테스트겸 붙여서 쓰고있는데...
두가지문제가 생겨서 지민님께 조언을 구했습니다.
----------------------------------------------------------------------------------------
1.리스트에서 가로가 긴이미지는 상관없지만, 세로가 긴 이미지가 업로드시...리스트에서 이미지가 뭉개져보이는현상 (열화현상->사이즈가 맞지않아서 생기는 현상)
->해결책
list.skin.php
215번째줄 : $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'] );  로 변경하세요.

2.뷰페이지내에서..이미지가 게시판폭 크기만큼 커져서 보이는 현상 (작은이미지도 게시판폭만큼 커지는현상)
  원본그대로 출력하고 싶을때..
->해결책
style.css 파일에
 215번째 줄에
 #bo_v_img img {margin-bottom:20px;width:100%;height:auto} 에서
 "width:100%" 이부분을 삭제하시면됩니다.
----------------------------------------------------------------------------------------

바쁘신데도 시간내주셔서 봐주신 지민님께 감사드립니다^^;
잘쓰겠습니다.
감사합니다 ~
자료 감사합니다
질문좀 드릴께요 이미지 열화 현상 올려주신 코드로 수정했는데요 크롬에서는 이미지가 깨끗하게 나오는데 익스에서는 여전히 흐리게 보이는 이유를 알수 있을까요?
동영상도 가능하게 할 수 있는지요? 아무리해도 안되는데..ㅠㅠ
 $imglist .= '<li><a href="'.$link.'"><img src="http://img.youtube.com/vi/'.$list[$i]['wr_1'].'/maxresdefault.jpg" alt="'.($row['bf_content'] ? get_text($row['bf_content']) : get_text($row['bf_source'])).'"></a></li>';

이부분을 유투브 불러오는걸로 해봤는데.. 어찌해야하는지요???? 초보라서..
먼저  감사합니다.

설치를 했는데요. ㅠ.ㅜ

이상하게  리스트에서 섬네일 퀄리티가 ㅠ.ㅜ 흐리멍텅 하네요

위에 열화 현상도 체크 했는데요.


댓글에 써노님 말보고 크롬 체크 하니 크롬은 제대로 보입니다 ㅠ.ㅜ
http://www.starbug.co.kr/bbs/board.php?bo_table=tour2
사이트 한번 봐주세요...부탁드립니다.
적용했는데...
이미지가 뷰에서 전체 크기로 나오는것도 있고 바로 나오는것도 있고 그러네요.
사이트 한번 봐주시면 감사하겠습니다.
전체 2,435 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT