포고플러그
설치 분류

(그누보드4) 수정한 갤러리 스킨 및 최신글 스킨

컨텐츠 정보

본문

밑에 있는 그누보드4 관련 갤러리 및 최신글 스킨입니다.
 
그누보드4s와는 호환이 되지 않습니다.
 
 
불당썸은 필수입니다.


위의 링크에서 꼭 숙지하시고 받으시면 됩니다.

1. board.zip는 갤러리 스킨입니다.

자세한 사항은 


위의 링크에서 확인 할 수 있습니다.

특이 사항으로는 첫번째 파일 첨부로 넣은 사진은 본문에는 출력되지 않고, 오직 썸네일로만 출력이 됩니다.

최신 갤러리 스킨에서도 바로 그 첫번째 파일 첨부로 넣은 사진이 나오기 때문에 적절하게 수정하셔서 올리시면 깔끔하게 가능합니다.



2. latest.zip

총 3개의 최신 갤러리 스킨인데



(1) round_about 최신 갤러리 게시판입니다.


위의 링크로 자세히 보실 수 있습니다.

DTD 선언이 필수입니다.

DTD를 설정하시려면 

$ nano root/var/www/head.sub.php  


<head> 바로 윗부분에 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

위 내용을 추가해주시면 됩니다. 




(2) slide_runner 최신 갤러리 게시판입니다.

적용 사항은


위의 링크로 자세히 보실 수 있습니다.

특이 사항으로는 

$ nano var/www/index.php

하셔서

<?$option = array("600","300"); //array("이미지가로크기","이미지세로크기")?> 
<?=latest("slide_runner", "banner", 10, 40,$option); //latest("최신글폴더명","게시판명","제목길이","옵션")?> 

빨간 색을 추가해야 한다는 점입니다.

별 다른 수정 사항은 없고, 위의 검은색 박스가 조금 짧아졌습니다.

숫자를 지워보려고 노력했지만 잘 안되더군요..


(3) nivo_slider 최신 갤러리 게시판입니다.


위의 링크로 자세히 보실 수 있습니다.

지금 사이트의 첫번째 화면이 바로 이 스킨입니다.

가장 마음에 들고 옵션도 많습니다.

특이 사항으로는 가로 1068 세로 600에 최적화되어 있습니다.

제일 위의 갤러리 스킨을 쓰셨을 때 첫번쨰 첨부파일을 저 사이즈에 맞게 넣는다면 아름다운 첫화면을 보실 수 있습니다.

아 그리고 총 10개의 최신 게시물에서 뽑아오게 최적화하였습니다.

혹시나 출력 갯수를 줄이시려면

latest/최신게시판스킨/themes/default에 있는 default.css 에 보면 

.theme-default .nivo-controlNav { 
position:absolute; 
left:50%; 
bottom:-42px; 
margin-left:-124px; /* Tweak this to center bullets */ 

margin-left 값을 수동으로 지정해주면 됩니다. 

-400이며 거의 왼쪽 -0이면 거의 오른쪽에 붙습니다.

또한 슬라이드 세부 설정은

latest/nivo_slider/jquery.nivo.slider.pack.js 

파일의 제일 마지막 부분이 설정하는 부분이군요 ㅋㅋ 

defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:300,pauseTime:2e3,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,
controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".jpg",controlNavThumbsReplace:"_thumb.jpg",
keyboardNav:true,pauseOnHover:false,manualAdvance:false,captionOpacity:.8,prevText:"Prev",nextText:"Next",randomStart:true,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})

이런 식인데 빨간 색 부분이 중요합니다. 각자 적절히 수정하시면 됩니다.

그리고 원래는 사진 클릭해도 해당 게시물로 가지 않았는데 열심히? 노력해서 되게 만들어놨습니다 ㅎㅎ

혹시나 궁금하신 사항이 있다면 댓글로 남겨주세요~

최신 게시판 적용 방법은 nw 빌더 적용시에

$ nano /var/www/index.php
하셔서 

<?=latest("milosz_normal",$in['in_id'],10,30);?>

위의 문구를 찾아서 적용하면 됩니다.

간단하게 말해서 

최신 게시물 스킨 중에 milosz_normal 이라는 스킨을 사용 할 것이며 (경로:root/skin/latest/milosz_normal )

 (nw 빌더의 필수입니다.원하시는 스킨 폴더명을 이 폴더로 해야 적용됩니다.)

$in['in_id']은 관리자 페이지 들어가셔서 사이트 관리 - 첫화면 설정 - 원하는 갤러리 이것이 자동으로 들어갑니다.

세번째 10은 최신 10개의 게시물을 뿌릴 것이고, 네번쨰 30은 총 30글자를 보여주겠다 입니다.

특이하게 (2) slide_runner 최신 갤러리 게시판은

 <?$option = array("600","300");  //array("이미지가로크기","이미지세로크기")?> 

을 

?=latest("milosz_normal",$in['in_id'],10,30);?>

위의 줄 위에 붙여야 작동합니다. 물론 옵션 값도 넣어야 하구요





3. nw 빌더에 대해서

nw 빌더는 초반 가로폭이 엄청 좁습니다.

그래서

$ nano root/var/www/res/css/layout.css


를 수정해줘야합니다.

저는

@charset "UTF-8";

div.wrapper { width:1100px; margin:0 auto; }

header.layout,
div.layout,
footer.layout { }

@media screen and (max-width:1100px){
div.wrapper { padding:10px; width:auto; }
}

@media screen and (max-width:1090px){
.tx,.ed { width:auto !important; }
input[type=file].ed { width:100% !important; }
.board_list col,
.board_list th,
.board_list td { display:none; }
.board_list .m_view { display:table-cell; }
.board_search { width:262px !important; }
.board_search #stx { width:95px !important; }
.board_search .search_box { width:214px !important; }
}

이런 식으로 바꿔서 거의 1100px로 이용하게 만들었습니다.




어느 정도 설명이 다 된 것 같으니 혹시 필요하시거나 궁금하신 사항은 댓글로 적어주시면 됩니다 ^^

관련자료

댓글 0
등록된 댓글이 없습니다.
전체 19 / 1 페이지
RSS

최근글


새댓글


알림 0