원형 썸네일 갤러리 > 그누보드5 스킨

그누보드5 스킨

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

원형 썸네일 갤러리 정보

갤러리 원형 썸네일 갤러리

첨부파일

gallery_circle.7z (43.1K) 43회 다운로드 2021-08-30 10:06:13 포인트 차감500
테스트한 버전5.4.15.1
호환 가능 버전5.2 이상

본문

http://0416.hani.co.kr

 

위 사이트 비슷하게 만들어봤습니다.

 

 

2009578055_1531454185.3379.png

 

여분필드 1, 2를 사용합니다.

 

갤러리 이미지 폭과 높이는 각각 202px입니다.
변경한 경우에는
'style.css'의 121라인

#bo_gall .gall_img img{max-width:100%;height:auto !important;border:1px solid #ddd;border-radius:202px}

을 수정하면 됩니다.

 

 

2009578055_1531454205.5891.png


이미지를 클릭하면 팝업 창이 뜹니다.

Magnific-Popup은 아래 스킨을 약간 수정했습니다.

 

https://sir.kr/g5_skin/13215

 

제목을 클릭하면 기존의 뷰페이지로 들어갑니다.

 


PC용 만 올렸습니다.

 

썸네일은 원형에 꽉 차게 해야 하므로 

정사각형 이미지를 첨부하거나 

설정에서 크롭하는 것으로 변경해야 합니다. 

 

lib/thumbnail.lib.php 7라인

 

function get_list_thumbnail($bo_table, $wr_id, $thumb_width, $thumb_height, $is_create=false, $is_crop=true, $crop_mode='center', $is_sharpen=false, $um_value='80/0.5/3')

 

 

 

스킨은

theme/사용테마/skin/board/gallery_circle

로 올려야 합니다.

 

테마를 사용하지 않는다면

skin/board/gallery_circle

로 올리고

 

skin/board/gallery_circle/_common.php

를 열어

include_once('../../../../../common.php');

붉은 색 부분을 삭제해주면 됩니다.

 

 

 

팝업 창의 이미지는 가로로 절반 정도만 출력 되게 했습니다.

작지만 온전히 보이게 하려면

 

ajax.view.skin.php 223, 232 라인

 

//echo "<div id=\"bo_v_img\">\n";
//echo "</div>\n";

 

의 주석을 없애면 됩니다.

 

 

 

압축을 풀어보면, 5.2, 5.3, 5.4 버전이 있습니다.

 

5.2 버전은 갤러리 이미지 폭과 높이가 각각 174px입니다.
변경한 경우에는
'style.css'의 105라인

border-radius:174px

를 수정하면 됩니다.

 

추천
9

댓글 전체

저 사이트가 언젠가는 없어지리라 생각되어... "복사해둬야겠다!"고 오래전부터 생각해왔는데
게을러서 미루고 미루다가 오늘에서야 작업을 시작했습니다.
복사해 붙혀넣는 작업을 반복하며... 자꾸만 눈물이 나네요!
꼼수로... 다른 곳으로 임시로 옮겼다가 다시 하나씩 옮겨오는 방법이 있습니다.

더 편하게 하려면... 그런 팁인지 스킨인지를 어디서 본 듯 합니다.
자료실에서 찾아보세요~
전체 231 |RSS
그누보드5 스킨 내용 검색 갤러리에서

회원로그인

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