===================================================================================

본 최신글 스킨은 jQuery 와 Step Carousel Viewer 라는 두 자바스크립트 프레임워크로

이루어져 있습니다....

프레임워크를 잘 아시는분들이 보시면 이 스크립트는 제가 만들었다기 보단

그냥 프레임워크를 사용한 스킨임을 밝혀둡니다....

또한 개발환경이 UTF-8 임을 말씀드립니다!


레이아웃은 설정값만 바꾸시면 스크립트 수정없이 대부분 수정하실 수 있습니다.


////////////////////////////////////////////////////////////////////////////////////////



1 . jquery 와 Step Carousel Viewer 프레임워크를 js폴더에 위치 시킨다.!!!

    jquery는 그누보드에 "jquery-1.4.2.miin.js" 로 배포버젼에 포함되어있다.

    http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm 이곳에서

    "stepcarousel.js"를 다운받아 최상위 js 폴더에 저장한다.

            주의! : 이 스크립트가 위치할 곳에 jquery 프레임워크를 쓰고 있다면 아마도 Step Carousel Viewer 의

                    jQuery.noConflict() 명령으로 인하여 "$"이 먹지 않을것이다.

                    사용중인 jQuery의 "$"을 "jQuery"로 바꾸거나

                    jQuery.noConflict() 명령을 찾아 다른 함수로('$Step')로 선언을 달리하여 사용하셔야 한다.


2.  여타 다른 스킨과 마찬가지로 다운받아 /skin/latest 폴더에 풀어 놓는다.

3.  /skin/latest/step.hightlight.utf8/latest.skin.php 화일을 열어 환경설정값을 자신에 맞게 수정한다.

// 디자인 설정부분

$step_highlight['main_box_border'] = 10;      //메인 박스의 보더 두께
$step_highlight['main_box_color'] = '#ffeeff'; //메인 박스의 보더 컬러
$step_highlight['main_box_width'] = 630;      //메인 박스의 가로크기
$step_highlight['main_box_height'] = 150;      //메인 박스의 세로크기


$step_highlight['sub_box_margin'] = 10;      //회전 박스의 바깥 여유(margin)
$step_highlight['sub_box_width'] = 300;      //회전 박스의 가로크기

$step_highlight['button_left'] = './skin/latest/step.hightlight.utf8/img/step_01.png'; // 좌측버튼 이미지 경로 및 이름
$step_highlight['button_right'] = './skin/latest/step.hightlight.utf8/img/step_02.png';// 우측버튼 이미지 경로 및 이름

$step_highlight['button_left_position'] = '0,40';                    // 메인 박스의 좌측 상단 꼭지점으로 부터의 버튼 위치
$step_highlight['button_right_position'] = '-45,40';                // 메인 박스의 우측 상단 꼭지점으로 부터의 버튼 위치




// config 설정부분

$step_highlight['step_panel'] = 1;            // 한번 움직일때 몇개씩 움직일것인지를 결정
$step_highlight['pause_time'] = 3000;        // 정지 시간
$step_highlight['speed'] = 300;              // 움직임 속도
$step_highlight['step'] = 'true';              // 회전시킬것인지 정지해 있을것인지...  true or false
$step_highlight['persist'] = 'true';            // 반복 시킬것인지...  true or false
$step_highlight['button'] = 'true';            // 좌우측 버튼을 보이게 할것인지...  true or false
$step_highlight['button_step'] = 2;            // 버튼 클릭시 몇칸씩 움직이게 할것인지...


$step_highlight['view_data'] = 'blog';         
                                           
                                                // 이미지만 나오게 할것인지(img).. 

                                                //이미지와 제목(img_title) ... 

                                                //이미지,제목,본문약간(blog)... 

                                                //제목과 글만(text)...


$step_highlight['img_border'] = 1;                  // 이미지의 보더 두께
$step_highlight['img_border_color'] = '#999999';      // 이미지 보더의 컬러

$step_highlight['cut_content'] = 140;                  // 본문의 글 자르기


4.  스킨이 위치할 곳에 아래 스크립트를 삽입한다.

<? echo latest("step.hightlight.utf8", 'example' , 10, 20);?>

<? echo latest("step.hightlight.utf8", 'example' , 표시할 글 갯수, 제목으로 표시할 글 길이);?>






*********************************************** 중 요 ***************************************

본인은 그누보드를 안지는 오래 되었지만 사용해 보기는 며칠 안된것 같네요....

아는 이가 홈피좀 부탁하길레 귀찮아서 걍 뚝딱 해 줄려고 손대기 시작한것이...  여기까지 오게 되었습니다....

해서 만들다보니 썸네일 부분에서 설정이 난해 하더군요....

기본게시판에서는 썸네일이 생성 안돼는것 같고....

이것 저것 스킨 받아보니 스킨마다 썸네일 위치가 다른것도 있고.....

그래서 화일 중간에 아래와 같이 표기 하였습니다....

각자 환경에 맞게 수정하시면 되겠습니다....



// 썸네일 경로와 이름을 결정하는 부분입니다.
// 이부분은 각자의 보드에 맞게  수정을 요합니다.


$thumb_path = $g4[path]."/data/file/$bo_table".'/thumbnail';
$img_name = $list[$i][wr_id];

// 제가 그누보드를 접한지 3일 밖에 되지 않아서.....
// 이 스킨 저 스킨을 깔아 보긴 했지만 스킨 마다 썸네일 생성이 다른것 같더라구요.... ㅡ,.ㅡ
// 그래서 이부분은 각자 알아서 해결 하시기 바랍니다...
// 위의 환경은 제가 현재 작업중인 디렉토리및 데이터 설정입니다..




/////////////////////////////////////////////////////////////////////////////////////////