갤러리 게시판 반응형 스킨입니다. 정보
게시판 갤러리 게시판 반응형 스킨입니다.관련링크
첨부파일
본문
반응형으로 만든 갤러리 스킨입니다.
아래 기본 스킨 정리하면서 갤러리도 같이 정리해봤습니다.
스킨 레이아웃 형태는 PC형 스킨( http://sir.kr/g5_skin/11328 )과 동일합니다.
참조해 주시기 바랍니다.
참고.
1. 본 스킨은 부트스트랩으로 구성된 사이트에서 작업되어있습니다. 최대한 다른곳에서도 깨지지 않게끔 작업했지만
혹시 다르게 보일수도 있습니다. 이점 유의해 주시기 바랍니다.
2. 스킨안에 들어가 있는 SELECT 태그는 아래 플러그인을 이용해 작업한것입니다.
http://sir.kr/g5_plugin/1763
마음에 들지 않을경우 소스를 제거후 사용하시면 됩니다.
2. 기본적으로 나눔고딕을 이용하고 있습니다. 사이트 컨셉이나 폰트가 어울리지 않으실경우
style.css
2번째줄 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 제거
6번째줄 font-family:Nanum Gothic; 이부분을 변경하여 이용하시면 됩니다.
아래 기본 스킨 정리하면서 갤러리도 같이 정리해봤습니다.
스킨 레이아웃 형태는 PC형 스킨( http://sir.kr/g5_skin/11328 )과 동일합니다.
참조해 주시기 바랍니다.
참고.
1. 본 스킨은 부트스트랩으로 구성된 사이트에서 작업되어있습니다. 최대한 다른곳에서도 깨지지 않게끔 작업했지만
혹시 다르게 보일수도 있습니다. 이점 유의해 주시기 바랍니다.
2. 스킨안에 들어가 있는 SELECT 태그는 아래 플러그인을 이용해 작업한것입니다.
http://sir.kr/g5_plugin/1763
마음에 들지 않을경우 소스를 제거후 사용하시면 됩니다.
2. 기본적으로 나눔고딕을 이용하고 있습니다. 사이트 컨셉이나 폰트가 어울리지 않으실경우
style.css
2번째줄 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 제거
6번째줄 font-family:Nanum Gothic; 이부분을 변경하여 이용하시면 됩니다.
추천
10
10
댓글 전체
이 갤러리 게시판도 깔끔해서 좋아요..
잘사용할께요
잘사용할께요
감사합니다.
그런데 비회원일 경우에는 목록에서
(1) "이미지없음"에 해당하는 이미지가 표시되도록 하고
(2) 게시물 작성자 이름이 표시되지 않게 하려면
...list.skin.php를 어떻게 수정해야할까요?
그런데 비회원일 경우에는 목록에서
(1) "이미지없음"에 해당하는 이미지가 표시되도록 하고
(2) 게시물 작성자 이름이 표시되지 않게 하려면
...list.skin.php를 어떻게 수정해야할까요?
(1) 50번째 줄에
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
이 부분을
if($member['mb_id']) $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
이렇게 바꾸시면 됩니다.
(2)
list.skin.php 79번째 줄
<span class="fz_gallery_user">
<i class="fa fa-user"></i><?php echo $list[$i]['name'] ?>
<?php if ($is_checkbox) { ?>
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>" class="fz_admin_chk">
<?php } ?>
</span>
이부분을 모두 지워주시구요.
style.css 83번째 줄
.fz_gallery_list li:hover .fz_gallery_li_wrap, .fz_gallery_list li.active .fz_gallery_li_wrap{border:4px solid #4b7ab2;border-bottom:1px solid #4b7ab2;}
이부분을
.fz_gallery_list li:hover .fz_gallery_li_wrap, .fz_gallery_list li.active .fz_gallery_li_wrap{border:4px solid #4b7ab2;}
.fz_gallery_list li:hover .fz_gallery_li_wrap .fz_gallery_etc{padding-bottom:5px;}
이렇게 바꾸시면 됩니다.
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
이 부분을
if($member['mb_id']) $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
이렇게 바꾸시면 됩니다.
(2)
list.skin.php 79번째 줄
<span class="fz_gallery_user">
<i class="fa fa-user"></i><?php echo $list[$i]['name'] ?>
<?php if ($is_checkbox) { ?>
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>" class="fz_admin_chk">
<?php } ?>
</span>
이부분을 모두 지워주시구요.
style.css 83번째 줄
.fz_gallery_list li:hover .fz_gallery_li_wrap, .fz_gallery_list li.active .fz_gallery_li_wrap{border:4px solid #4b7ab2;border-bottom:1px solid #4b7ab2;}
이부분을
.fz_gallery_list li:hover .fz_gallery_li_wrap, .fz_gallery_list li.active .fz_gallery_li_wrap{border:4px solid #4b7ab2;}
.fz_gallery_list li:hover .fz_gallery_li_wrap .fz_gallery_etc{padding-bottom:5px;}
이렇게 바꾸시면 됩니다.
썽피리님, 감사합니다! 좋은 스킨에 피드백까지!! 잘 사용하겠습니다!!
제가 4에서 침튀기며 칭찬하던 스킨입니다..이제 나왔군요,,
근데..베이직을 엄청나게 뜯어고쳐서 이거를 심고 다시 뜯어고치긴 엄두가 안나는군요,,
흑흑
최고의 스킨입니다.
근데..베이직을 엄청나게 뜯어고쳐서 이거를 심고 다시 뜯어고치긴 엄두가 안나는군요,,
흑흑
최고의 스킨입니다.
반응형 좋은 갤러리
에러가 있는지... 스킨에 넣고 적용하니 흰바탕만 나오네요.. 저만 그런건가요?
저도 그러는데.. 뭐가 문제일까요... ㅠ
잘됩니다. 감사^^
오... 깔끔하게 잘 만드시네요 ㅎㅎㅎ
언제한번 사용해보겠습니다!! 감사해요 ^^
언제한번 사용해보겠습니다!! 감사해요 ^^
좋습니다. 감사히 잘 쓰겠습니다.
감사합니다, 잘 쓰겠습니다..
심플하고 이쁘네요~ 감사합니다~
감사합니다.^^
좋은 자료 고맙습니다
감사히 잘 쓰겠습니다.
감사합니다~
감사합니다.^^
잘쓰겟습니다^^
잘쓰겠습니다. 감사합니다.
와...대박이네요..깔끔하다..
갤러리 게시판 반응형 스킨입니다.
감사합니다
좋네요! 감사합니다!
감사합니다.
CSS 정리 참조
감사합니다^^