안녕하세요. 최근 핀터레스트와 같은 형태의 갤러리에 관심을 가지면서 "theMAD"님의 스킨을 이용해서 몇가지 수정보완해봤습니다. 스킨을 보면서 masonry라는것을 알게 됐는데 ...
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,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
{이미지:0} =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 1. 배추스킨 이란? =-=-=-=-=-=...
질문과답변 모바일 버전을 요청하셔서 제작했어요 기본 베이직 스킨을 질문과답변으로 변경한 모바일 스킨이에요 질문을 등록하면 신청완료 관리자가 클릭하면 확인중 댓글을 달면 답변완료 이...
샘플사이트주소입니다. http://tympanus.net/Development/CircularContentCarousel/ 적용방법
해외 디자인 참조하여 스킨 만들어 보았습니다. 사용방법 1. 압축풀어서 폴더 그대로 skin / outlogin / 에 업로드 2. 로그인창 노출하고자 하는 위치에 추천이나 댓글 ...
제가 편리하게 쓰기위해 기본스킨을 살짝 변경해보았습니다. 어설프지만 필요하신 분이 있지 않을 까해서 올려봅니다. http://wawoopc.com/com/gb http://wawo...
이미지가 리스트에 나오는 게시판입니다. 허접하지만 올려봅니다 ^^
{이미지:1} =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 1. 배추스킨 이란? =-=-=-=-=-=...
그누보드를 오래전부터 써왔는데 스킨으로 만들어서 올리기는 처음이네요..ㅎㅎㅎ 그냥 깔끔한 게시판 스킨을 발견해서 그누보드 스킨으로 만들어 보았습니다. 짧은시간에 만든것이라 좀 허접...
안녕하세요 게시판공지를 롤링되게 바꾸는 PC용 스킨입니다 기존에 공지등록시 갯수대로 1페이지 최상단에 출력되는것을 모든공지가 1줄에 롤링되는것으로 변경하였습니다 공지갯수가 많거나 ...
{이미지:1} =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 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>';
이부분을 유투브 불러오는걸로 해봤는데.. 어찌해야하는지요???? 초보라서..
설치를 했는데요. ㅠ.ㅜ
이상하게 리스트에서 섬네일 퀄리티가 ㅠ.ㅜ 흐리멍텅 하네요
위에 열화 현상도 체크 했는데요.
댓글에 써노님 말보고 크롬 체크 하니 크롬은 제대로 보입니다 ㅠ.ㅜ
사이트 한번 봐주세요...부탁드립니다.
적용했는데...
이미지가 뷰에서 전체 크기로 나오는것도 있고 바로 나오는것도 있고 그러네요.
사이트 한번 봐주시면 감사하겠습니다.
스킨좀 공유되는지요?