최신글 갤러리 스킨에서 가로 이미지 출력 개수 설정하기 > 그누보드 최신글스킨 강좌

본문 바로가기
전체검색

그누스킨닷컴

그누보드 최신글스킨 강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

최신글 갤러리 스킨에서 가로 이미지 출력 개수 설정하기

페이지 정보

작성자 관리자 작성일18-08-16 19:23 조회264회

본문

그누보드 최신글스킨 강좌

그누보드 5.3 기본 최신글 스킨 중 갤러리형 스킨에서 가로 이미지 출력 개수는 5개로 설정되어 있습니다.

2개, 3개, 4개 등으로 변경하는 방법입니다.



수정 파일 : 해당 최신글 스킨 style.css


테마용 기본 최신글 스킨 기준으로..

theme/basic/skin/latest/pic_basic/style.css


해당 파일을 보면 20%로 설정되어 있네요. 가로 100% 기준으로 5개가 출력 되겠죠.

.pic_lt li{float:left;width:20%;padding:0 10px}


가로 출력 개수는 저 부분을 수정하시면 됩니다.


4개로 출력하고 싶으면 25%

.pic_lt li{float:left;width:25%;padding:0 10px}


3개로 출력하고 싶으면 33.3%

.pic_lt li{float:left;width:33.3%;padding:0 10px}


2개로 출력하고 싶으면 50%

.pic_lt li{float:left;width:50%;padding:0 10px}


그리고 가로 한 줄이 아닌 두 줄로 출력하는 방법은 최신글이 실제 출력되는 곳에서 설정합니다.

index.php 파일을 보면 기본 설정이 5개로 되어 있네요. 

echo latest('theme/pic_basic', 'gallery', 5, 23);


예를 들어 5X2로 총 10개를 출력하고 싶으면 css 에서는 기본 설정 그대로 width:20%로 두고

index.php 파일에서는 10으로 설정

echo latest('theme/pic_basic', 'gallery', 10, 23);


2c8f4feccb95c3a66311a11300a207d9_1534458872_5018.jpg 



4X2로 총 8개를 출력하고 싶으면 css 에서는 width:25%로 수정하고

index.php 파일에서는 8로 설정

echo latest('theme/pic_basic', 'gallery', 8, 23);


3ff193e74e78f7c7074e2cc7233cc3a5_1534414978_8758.jpg



가로 출력 개수를 3개 이하로 사용할 때는 이미지 사이즈가 커지기 때문에 한 군데 더 수정해야 합니다.

최신글 스킨 폴더에 있는 latest.skin.php 파일 상단에 썸네일 사이즈 설정이 있습니다.

이미지 사이즈가 커져서 흐릿하게 나온다면 크기를 늘려주세요.

기본 설정은 이렇게 되어 있네요.


$thumb_width = 210;
$thumb_height = 150;

신비님의 댓글

신비

초보자들에게 꿀팁이네용.

커뮤니티는 당분간 중단하겠습니다.
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로