이미지 슬라이드 최신글 > 그누보드5 스킨

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

이미지 슬라이드 최신글 정보

최신글 이미지 슬라이드 최신글

첨부파일

첨부파일 color_jmain_slider5.zip (10.4K) 11회 다운로드 2018-11-05 23:33:17 포인트 차감16

본문

PC버전 이미지 슬라이드 최신글 스킨입니다.

그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다. 


적용밥법

skin/latest 에 전체 복사후

<?php echo latest('color_jmain_slider5', '게시판아이디', 출력개수, 글자수);?>

로 출력.

 

출력개수, 이미지 사이즈 등은 내부 코드 참조하셔서, 필요에 맞게 적당히 수정하세요.

 

 

스킨 미리보기

 

 

추천4

댓글 전체

제작자님 안녕하세요 정말잘쓰고있어요 위에 추천꾹 남겼던 회원인데요 ㅎ 다름이 아니라
이미지 크기만 조정되고 레이어인가..테이블..그거 가로x세로 폭은 어디서 조정하면될까요..*
참고이미지 링크 남겨놓을께요 http://gaedoori.com/sample_image/001.jpg
이미지의 경우는 실시간 썸네일을 만들어서 자동 리사이즈 합니다, 그 과정에서 비율 문제로 크기가 안맞는 경우가 있을 수 있구요, CSS 소스 수정은....

.c{overflow:hidden;width:690px;padding:0;margin:0 auto;background-color:#FFFFFF;}
.c1{height: 491px;margin:20px 0;*overflow:hidden;}
.c1_l{float: left;width: 690px;height: 491px;}
.c1_slide{width: 690px;height: 400px;position: relative;overflow: hidden;}
.c1_slide ul{width: 3500px;height: 400px;position: absolute;top: 0;left: 0;}

// 이 부분이 프레임 틀 크기 부분이구요, 가로 세로값을 큰 이미지 값과 아래 작은 이미지값을 더한 세로값을 수정해 주시면 되시구요, 그 아래....

.c1_l{float: left;width: 690px;height: 491px;}
.c1_slide{width: 690px;height: 400px;position: relative;overflow: hidden;}
.c1_slide li{float: left;width: 690px;height: 100%;position: relative;}

// 이 부분들 도 이미지 사이즈와 같이 수정해 주시면 되십니다.

아래 작은 이미지 백그라운드 프레임 틀의 경우는....

.c1_paging li b{background: url(<?=$latest_skin_url?>/img/opacity.png) no-repeat 0 0;width:110px;height: 65px;}

// 이 부분 작은 이미지 크기와 같게 수정해 주시면 되십니다.

잘 안되시면, 전체적으로 각 항목에 width: 값과, height: 값을 조금 만지셔서 적용해 보시면 아실겁니다.

다운과 추천 감사합니다. ^^
아 그리고 지금 테스트 하신 사이트의 백그라운드가 같은 흰색이라 영역이 잘 구분이 안가는데, 수정 작업하실때 알아보기 쉽게 색을 변경하시면 더 알아보기 편할것 같네요.

.c{overflow:hidden;width:690px;padding:0;margin:0 auto;background-color:#FFFFFF;} // 이 부분에 background-color:#FFFFFF; 여기 색상을 바꿔 주시면 됩니다.
전체 1,346 |RSS
그누보드5 스킨 내용 검색

회원로그인

진행중 포인트경매

  1. 강정 감귤 5kg 한박스

    참여27 회 시작18.11.13 20:00 종료18.11.18 20:00
  2. 다래사랑) 레드키위 or 골드키위 3Kg 한박스

    참여27 회 시작18.11.13 11:45 종료18.11.18 11:45

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT