갤러리 게시판 반응형 스킨입니다.
링크
http://feelz.net/bbs/board.php?bo_table=test2 (2332) http://feelz.net/bbs/board.php?bo_table=open_data&wr_id=6 (853)
반응형으로 만든 갤러리 스킨입니다.
아래 기본 스킨 정리하면서 갤러리도 같이 정리해봤습니다.
스킨 레이아웃 형태는 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; 이부분을 변경하여 이용하시면 됩니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 27개
잘사용할께요
그런데 비회원일 경우에는 목록에서
(1) "이미지없음"에 해당하는 이미지가 표시되도록 하고
(2) 게시물 작성자 이름이 표시되지 않게 하려면
...list.skin.php를 어떻게 수정해야할까요?
$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;}
이렇게 바꾸시면 됩니다.
근데..베이직을 엄청나게 뜯어고쳐서 이거를 심고 다시 뜯어고치긴 엄두가 안나는군요,,
흑흑
최고의 스킨입니다.
언제한번 사용해보겠습니다!! 감사해요 ^^