2026, 새로운 도약을 시작합니다.

그누보드용 최신글(pic_mix_block5)

11.gif

옵션 : 호버캡션적용 
2943905425_1700453121.5465.gif
옵션 : 캡션없음 
2943905425_1700453020.8125.gif
- 사용방법 -
[code]
<div class="latest_wr">
    <!-- 사진 최신글5 { -->
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    echo latest('theme/pic_mix_block5', 'gallery', 6, 25);        // 최소설치시 자동생성되는 갤러리게시판
    ?>
    <!-- } 사진 최신글5 끝 -->
</div>
[/code]

옵션 (latest.skin.php 주석참조)

- 이미지 영역 및 썸네일 크기 설정

- 이미지 제목줄

- 이미지 글내용 길이

- 이미지 글내용 출력(true:출력|false:숨김)

- 배경색상 랜덤
- 캡션(0:캡션없음|1:캡션숨김|2:일반캡션|3:호버캡션)

- 추출개수

- 랜덤(true:출력|false:숨김)

[code]

// 이미지 영역 및 썸네일 크기 설정
$thumb_width = 300;
$thumb_height = 230;

if($thumb_width && $thumb_height) {
    $img_height = ($thumb_height / $thumb_width) * 100;
} else {
    $img_height = '56.25';
}

// 이미지 제목줄
$subject_line = 1;
$subject_height = 22 * $subject_line + 2;

// 이미지 글내용 길이
$cut_txt = 80;

// 이미지 글내용 출력(true:출력|false:숨김)
$is_content = false;

// 배경색상 랜덤
$bg_red = array("bg-red", "bg-orangered", "bg-green", "bg-blue", "bg-purple", "bg-yellow", "bg-navy");

// 캡션(0:캡션없음|1:캡션숨김|2:일반캡션|3:호버캡션)
$caption = 0;
$is_caption = ($caption == "1") ? false : true;

[/code]
 

- 그누보드용
pic_mix_block1 : https://sir.kr/g5_skin/57010
pic_mix_block2 : https://sir.kr/g5_skin/57261
pic_mix_block3 : https://sir.kr/g5_skin/57448
pic_mix_block4 : https://sir.kr/g5_skin/57615
 

- 나리야용
mix-gallery-widget : https://sir.kr/g5_skin/56458
mix-gallery-widget2 : https://sir.kr/g5_skin/56696
mix-gallery-widget3 : https://sir.kr/g5_skin/57182
mix-gallery-widget4 : https://sir.kr/g5_skin/57770

첨부파일

11.gif (122.4 KB)
0회 2023-11-20 13:12
pic_mix_block5.zip (4.6 KB) 128회 2023-11-20 13:12
|

댓글 11개

감사 합니다.

감사합니다. ^^

아주 좋아요. 고맙습니다. 

오좋다 ㅎ 감사합니다.

좋아요 추천합니다.

공유감사드립니다. 추천꾹!!!

좋습니다. 행복하세요~~ 추천쿡~~~

공유 감사드립니다. 번창하시고 건승하시길...^^

한줄에 3칸이 아니라 4칸씩 출력하고자 하고 싶은데 css를 25% 이하로 내려도 꼭 한줄에 3개씩 출력이 되네요 ㅠㅠ

pic_mix_block5/style.css 46~47line 아래처럼 변경해보세요.
기존(3칸)
[code]
.pic_mix_lt5 li {float:left;width:33.33%;padding:0 10px}
.pic_mix_lt5 li.galley_li:nth-child(3n+1) {clear: both!important}
[/code]

수정후(4칸)
[code]
.pic_mix_lt5 li {float:left;width:25%;padding:0 10px}
.pic_mix_lt5 li.galley_li:nth-child(4n+1) {clear: both!important}
[/code]

감사합니다!

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고