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

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

원형 썸네일 갤러리 정보

갤러리 원형 썸네일 갤러리

첨부파일

첨부파일 gallery_circle.7z (37.5K) 4회 다운로드 2018-07-16 07:25:45 포인트 차감500

본문

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.2 버전은 갤러리 이미지 폭과 높이가 각각 174px입니다.
변경한 경우에는
'style.css'의 105라인

border-radius:174px

를 수정하면 됩니다.

 

추천4

댓글 전체

저 사이트가 언젠가는 없어지리라 생각되어... "복사해둬야겠다!"고 오래전부터 생각해왔는데
게을러서 미루고 미루다가 오늘에서야 작업을 시작했습니다.
복사해 붙혀넣는 작업을 반복하며... 자꾸만 눈물이 나네요!
전체 1,256 |RSS
그누보드5 스킨 내용 검색

회원로그인

진행중 포인트경매

  1. 컬쳐랜드 모바일문화상품권 1만원

    참여2 회 시작18.07.20 23:59 종료18.07.23 23:59
  2. 500여 동영상강좌 평생 무료 이용 쿠폰 (365OK 무료이용)

    참여32 회 시작18.07.16 11:13 종료18.07.21 11:13

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT