안녕하세요. 대구의 공명과맥입니다. 그누보드4에서 게시판목록을 이용하여 페이지로 이용하는 게시판스킨을 올린적이 있습니다. 그래서 이번에 그 스킨을 그누5용(?)으로 변경해서 업로드...
masonry 갤러리 게시판
최근 핀터레스트와 같은 형태의 갤러리에 관심을 가지면서
"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'] );
으로 변경
----------------------------
첨부파일
그누보드5 스킨
2,750건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
그누보드 기본스킨 디자인으로 제작하였습니다. 질문을 클릭하면 좀 예쁘라고 답변칸이 스르륵 내려오게 제작하였습니다. 테스트사이트 http://checkmate99.dothome.co...
카이루님이 만드신 스킨에 http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2634&sca=%EC%B5%9C%EC%8B%A0%EA%B...
사용법은 http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=565&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=w...
그누보드 5용입니다. 장터용 게시판에 사용할수 있는 스킨입니다. # 추가한 항목 ( DB 칼럼 ) 그누보드 기본 스킨에 칼럼을 추가한것입니다. 칼럼을 자동으로 추가합니다. . 판매...
{이미지:1} =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 1. 배추스킨 이란? =-=-=-=-=-=...
적용 후 이상하게 나오시는 분은 css를 건드리셔야 해요. 참조하실 싸이트 : http://goo.gl/KtIdAs
가계부입니다. 통계 기능을 추가하고 패치를 했습니다. 기존의 경우도 그냥 덮어 쓰면 됩니다. 그래프로 일목요연하게 항목별 통계를 볼 수 있습니다. 1. skin/board 아래 풉...
해외 소스 응용하여 레프트메뉴 만들었습니다. 사용방법 1.압축 풀어서 _tail.php 파일을 그누보드5 의 _tail.php 에 덮어씌우시구요. (_tail.php 에 미리 코딩...
안녕하세요 기존에 3단 분류기능을 개인 목적으로 개발하여 스킨 자료실에 등록하였습니다. http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_...
안녕하세요. 최근 핀터레스트와 같은 형태의 갤러리에 관심을 가지면서 "theMAD"님의 스킨을 이용해서 몇가지 수정보완해봤습니다. 스킨을 보면서 masonry라는것을 알게 됐는데 ...
{이미지:0} =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 1. 배추스킨 이란? =-=-=-=-=-=...
댓글 23개
적용 해봐야 겠네요
근데 링크를 걸어주신 사이트도 그렇고 제가 테스트하는 곳도 그렇고 사진 위아래의 간격이 있는 사진도 있고 붙어있는 것도 그렇네요. 또 정렬할때 중간에 사진이 비어있는 부분도 보이구요.
이부분이 수정이 되면 훨씬 좋을것 같습니다.^^
스킨 감사합니다.
태클은 절대 아니고, 저 두가지 스크립트를 적용하고, 카테고리를 링크가 아닌 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>';
이부분을 유투브 불러오는걸로 해봤는데.. 어찌해야하는지요???? 초보라서..
설치를 했는데요. ㅠ.ㅜ
이상하게 리스트에서 섬네일 퀄리티가 ㅠ.ㅜ 흐리멍텅 하네요
위에 열화 현상도 체크 했는데요.
댓글에 써노님 말보고 크롬 체크 하니 크롬은 제대로 보입니다 ㅠ.ㅜ
사이트 한번 봐주세요...부탁드립니다.
적용했는데...
이미지가 뷰에서 전체 크기로 나오는것도 있고 바로 나오는것도 있고 그러네요.
사이트 한번 봐주시면 감사하겠습니다.
스킨좀 공유되는지요?