현재 블로그 베이직 index 메인 샘플

공지 1개, 메인 1개, 웹진 스타일 한 덩어리, 갤러리 한 덩어리입니다.

지금 현재 메인 샘플이니 뜯어 보시고 적용하시면 되겠네요 ㅎㅎ

필요한 스킨은

목록스킨 : basic-ticker (링크), basic-img (링크)

헤드스킨 : box-black (링크)

세 종류만 있으면 모두 구현 가능하니 간단하죠? ㅎㅎ

웹진 스타일 부분은 썸네일에 테두리 둘러줬구요.

갤러리 부분은 테두리 있고 약간 padding이 들어가 있습니다.

혹시나 메인화면 제일 처음 슬라이드 설정값 궁금하신 분은 여기 코드 보시면 됩니다.

목록스킨 basic_banner 이구요 무료입니다. (링크)

title-index.php 파일에

<div style="margin:40px 0px 25px; height:607px;">
<?=latest_amina("amina", "gallery", "10", "80", "head_skin=none list_skin=basic_banner img_size=1080x607 img_rdm=0 list_wrap=margin-bottom:15px;")?>
</div>

이렇게 넣으시면 되구요

배너 상세 설정은 최신글 스킨에 js 폴더에 있는 jquery.nivo.slider.js 파일을 수정하면 됩니다.

제일 밑에 보시면 설정하는 부분이 있는데 저처럼 하시면 똑같이 나옵니다.

사진 크기는 물론 1080*607에 맞춰서 준비하셔야 제일 깔끔하게 나오구요.

//Default settings

$.fn.nivoSlider.defaults = {

effect: 'fade',

slices: 15,

boxCols: 8,

boxRows: 4,

animSpeed: 300,

pauseTime: 2500,

startSlide: 9,

directionNav: true,

directionNavHide: true,

controlNav: true,

controlNavThumbs: false,

        controlNavThumbsFromRel: false,

controlNavThumbsSearch: '.jpg',

controlNavThumbsReplace: '_thumb.jpg',

keyboardNav: true,

pauseOnHover: false,

manualAdvance: false,

captionOpacity: 0.8,

prevText: 'Prev',

nextText: 'Next',

randomStart: false,

beforeChange: function(){},

afterChange: function(){},

slideshowEnd: function(){},

        lastSlide: function(){},

        afterLoad: function(){}

};