[G5용]최근 게시물 겔러리 용 입니다.

폐인

· 2013-10-30 (수) 11:18:12 · 조회 16360 16360 · 댓글 13 13

iOS Simulator Screen shot 2013. 10. 31. 오후 12.22.45.png

수정작업 하였습니다..

링크 안되던것이랑.. 받아서 압축 푸시면

모바일 버전까지 같이 올려 놓았습니다.

_m 붙은것이 모바일 버전입니다.

*--------------------------------------------------------------------------*

최근 게시물 갤러리를 찾는 도중에 ll시간여행ll 님께서 올려주신걸 발견...

사용하니 G5 에서는 적용이 안되는 오류를 발견하였습니다.

또한 PHP에서 테그설정 옵션을 셋팅 안하신분들께서는 오류날테구요..

그래서 G5 용으로 수정하면서 오류또한 수정한 버전입니다.

ll시간여행ll 님이 올려주신걸 토대로 수정작업 했습니다.

모바일 버전은 좀더 수정후에 올려 보도록하겠습니다.

적용 방법은 마찬가지로..

latest 에 넣어주시구요.

index.php 에서

if($row['bo_table']=="gallery_1")
{
echo latest("ktwgallery","gallery_1", 5, 25);
}else
{
echo latest("basic", $row['bo_table'], 5, 25);
}

이런식으로 쓰시면 편할겁니다.

#PC용

첨부파일

스크린샷 2013-10-30 오전 11.17.23.png (167.8 KB) 185회 2013-10-30 11:18

iOS Simulator Screen shot 2013. 10. 31. 오후 12.22.45.png (169.7 KB) 42회 2013-10-31 12:26

ktwgallery.zip (11 KB) 639회 2013-10-31 12:26

댓글 13개

그누하마

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-30 (수) 17:06:29

감사합니다 ^^

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-30 (수) 20:59:15

고맙습니다~^^

'group.php' 파일에 적용해보았고... 'style.css'를 아래와 같이 수정했습니다.

[code]
.latestList {position:relative; margin-bottom:15px; padding-bottom:15px; border-top:1px solid #ddd; font-size:12px; }
.latestList * {margin:0; padding:0; border:none;}
.latestList h2 {margin-bottom:5px; padding:8px 0px 8px 0px; font-size:12px; font-family: Nanum Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#222;}
.latestList h2 a {color:#222;}
.latestList li {list-style:none; line-height:160%; font-size:12px;}
.latestList ul.thumb li {position:relative; display:inline; float:left; margin-left:[썸네일 사이 간격];}
.latestList ul.thumb li.first {margin-left:0;}
.latestList ul.thumb li img {border:1px #CCCCCC solid; vertical-align:top; width:[썸네일 가로 너비];}
.latestList ul.thumb li span {position:absolute; left:0; bottom:0; width:<?php echo $img_width?>px; overflow:hidden; text-align:center; font-size:11px; color:#fff; background:#000; opacity:.7; filter:alpha(opacity=70);}
.latestList .btnPage {position:absolute; top:7px; right:0;}
.latestList .btnPage li {display:inline; float:left; list-style:none;}
.latestList.h2bg {border-bottom:none;}
.latestList.h2bg ul.btnPage {right:0px;}
.latestList.h2bg h2 {background:#ffffff; -moz-border-radius: 5px;}
.latestList.h2bg h2 a {color:#000;}
[/code]

내부 가로 폭을 800px로 설정하여 사용하는지라...
'썸네일 사이 간격'은 24px로 하고... '썸네일 가로 너비'는 180px로 적용했습니다.

800px(내부 가로폭) = 720px(썸네일 가로폭 합계 : 180*4) + 8px(썸네일 좌우 테두리 합계 ; 2*4) + 72px(썸네일 사이 간격 합계 : 24*3)

예제 : http://internationale.kr/bbs/group.php?gr_id=group

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-31 (목) 15:20:06

게시판 제목이 링크되게 수정했습니다.

[code]
.latestList h2 a {text-decoration:none; color:#222;}
[/code]를

[code]
.latestList h2 a {color:#222;}
[/code]로...

위 내용에 수정해두었습니다.

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-30 (수) 22:48:55

문제는... 이미지에 링크가 걸리지 않았네요.

폐인

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-31 (목) 12:26:34

ㅋㅋ 감사합니다.
수정해서 모바일 버전까지 같이 올렸습니다.

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-31 (목) 13:50:42

방금 수정하고 들어와보니... 벌써 올려놓으셨네요~^^

원본에 있었던 아래 소스를 사용했습니다.

[code]
$img_content = "<a href='{$list[$i]['href']}'>$img_content</a>";
[/code]

'thumbnail.php'는 필요 없네요.

폐인

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-10-31 (목) 13:58:22

네 ㅋㅋ thumbnail.php 는 제가 다시 올려놓은 버전에서도 삭제 해놓은거에요 ㅋㅋ
감사합니다. ㅋ

클로버D

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-11-01 (금) 13:42:20

감사합니다~ 잘쓸께요~

주니어

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-02-05 (수) 15:53:51

감사합니다. 이쁘게 만들어 사용할께요..