터치 지원본을 올립니다. 맛폰 터치로하면 너무 쉽네요. 마우스와 달리 통제가 쉽잖네요. 기존 사용자는 c2runtime.js 를 덮어 쒸우세요. 팩맨을 참고하세요. 랭킹 게시판은 ...
[수정]그누보드5 메인화면용 롤링슬라이드(slider) 최신글 갤러리스킨
링크
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2157&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80 (1500) http://www.opencode.co.kr/bbs/board.php?bo_table=thumb (1262)
원글 참조 http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2157&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80
수정한 부분
1. Options이 안넘어가는 것
<?=latest("jquery_img", "t01", "5", "40", "1", "746|328|0|#efefef|post|block|link")?>
와 같이 중간에 40(디폴트값)이 들어가야 됩니다. 무엇인지는 모릅니다.
2. 요즘 찍는 사진 이미지가 너무 고해상도라서, 불당썸을 사용했습니다.
http://www.opencode.co.kr/bbs/board.php?bo_table=thumb
여기 내용 참조하셔서, 불당 썸 설치하시면 됩니다.
*** 앞으로 더 테스트 해 봐야 될것
* Watermark는 잘 동작이 잘 안되네요
*** 개선해야 될 것
* 사진의 보여지는 위치를 정하게??? Top, Center, Bottom, Left, Middle, Right옵션으로..
* 제목도 사진에 오버랩되게???
첨부파일
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
스맛폰의 터치도 지원합니다. 재실행 r대신 해당 문구를 손가락으로 터치하시면 재실행됩니다. 기존 사용자는 c2runtime.js을 받아 덮으시면 됩니다. 그누4의 경우도 c2run...
ckeditor에 syntaxhighlight 플러그인을 적용해 보았습니다. 에디터 화면에 'CODE' 라는 버튼이 보입니다. 소스형식을 선택하고 소스를 입력하세요. 첨부된 syn...
그누보드 가로 아웃로그인 관리자님께 달라고 했다가 퇴짜? 맞아 직접 만든.. css 는 sir 에서 가져다가 사용했는데요 높이가 맞지 않을땐 style.css 파일에서 아래부분을 ...
최신 그누보드에서 동작이 안되는 부분만 수정 했습니다. 원글 참조 http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2157&sca=...
그누보드4 버전으로 있던걸 5 버전으로 변경하였습니다. 1. 글쓰기, 글보기 권한은 2로 해 주어야 합니다. 2. 본인이 등록한 글만 확인 가능합니다. 3. 회원 아이디를 지정 가...
물어보고 다른 분 거 쓰려다가 만들어 버렸습니다. sir.co.kr 처럼 측면 메뉴 구성이 가능합니다. [스킨설명] 측면 그룹메뉴 스킨입니다. [적용방법] 첨부된 groupmenu...
grapedw 님의 최근 갤러리를 화이트 버전으로 바꾸고 조금 정리했습니다. 적용) 그리고 웹폰트 (나눔바른고딕, 나눔고딕)을 적용 했습니다. 예)...
관리자 님이 g4 용 그누보드로 만드셨던 레이어 팝업을 g5용으로 변환하였습니다. 이 버전이 팝업 / 레이어 형태도 되고 좋더군요.. 작업하다가 만들어진 결과물 올려봅니다. 다른분...
박달나무님이 자게에서 알려주신 (html 태그로 표현할 수 있는 심볼들)을 보고 한번 적용해 보았습니다. 제목앞에 심볼하나씩 붙이고(공지사항은 다른심볼로) CSS만 수정한 Basi...
댓글 17개
지금 쓰고있었는데.. 너무 감사합니다.
근데 궁금했던것이.. 원하는 이펙트 하나만 지정해 쓰는건
가능한가요? 랜덤설정 말구요..
//Generate random effect
if(settings.effect == 'random'){
var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
if(currentEffect == undefined) currentEffect = 'fade';
}
javascript의 이부분을 수정하면 될것 같습니다.
currentEffect = 'sliceDownRight';
저는 잘 돌아갑니다만... (g5-5.0b29)
http://www.internationale.kr
이미지도 고해상도를 사용하지 않기 때문에 불당 썸이라는 것을 설치할 필요가 없을 듯 하구요.
<?=latest("jquery_img", "t01", "5", "40", "1", "746|600|0|#efefef|post|block|link")?>
이것이 되면 옵션이 넘어가는 것이고, 안되면 옵션이 안넘어가는것입니다. (디폴트 값으로 동작)
고해상도 사용하지 않으시면 필요없습니다. 요즘 디카 사진의 크기가 4000*2000정도 이상 되어서 게시판에 올리면 전체가 안나와서 불당썸을 적용해 본 것입니다.
저도 왕초보라서.. 고수들은 필요없겠지만, 왕초보 입장에서 본 수정및 추가 사항입니다.
설정값과 다른 크기의 이미지를 올리면 자동으로 설정 크기에 맞춰지거나 설정 크기만큼 잘라서 보여준다는 의미인가요?
가로가 작은 이미지를 올려보니 원래 크기 그대로 보이고...
가로는 설정값과 동일하고 세로가 큰 이미지를 올려보니 윗 부분만 잘라서 보여주네요.
변경 전과 변경 후 모두 동일
그리고 위 끝 부분 소스가 'order'였는데 'link'로 바뀌었네요.
이 옵션이 안넘어간다는 것이죠.. 그래서 옵션이 넘어가는지 안넘어가는지는 화면 사이즈를 바꾸어 보시면 안다는 것이죠..
746*600으로 하면 초기화면에 사이즈가 크게 나오는지 알수가 있죠. 사이즈가 크게 나오면 옵션이 잘 넘어가는것이고, 그렇지 않으면 옵션이 안넘어가는 것이죠.
(한스닷님이 올린 판)을 처음 설치했을 때 그 부분의 숫자가 왜 적용이 안되는지 궁금했었었는데...
그누보드 판올림과는 관련 없는 것으로 생각됩니다.
링크를 게시글 링크1로 연결하려면 어떻게 해야하나요?
저는 전용 갤러리 게시판을 만들어서 사용합니다.
해당 게시판을 노출시킬 필요는 없으니... 메뉴에서는 뺐습니다.
wr_link와 타겟 ???
기존것에서 수정한건 사이즈밖에 없는거같은데 말이죠..
불당썸도 설치하고 제대로 하긴한거같아요..
latest 에 새로올려주신 latest 상단 불당썸 인클루드 소스만 별도로 뽑아 옮겼을땐
되는데 파일 자체를 덮어씌우면 아무것도 안나와요 ;
불당썸 설치하고 인클루드만 되면 어쨌든 적용이 되고있는건지요?
이번 그누5설치하고 적용했는데 이러네요 이런건 어떻게 해결해야하나요?
이렇게 해서 사용하고자 하는데 어케 수정해야 할지요
글 쓰기에서 링크 #1 에 연결 주소 / 링크 #2에 새창 또는 현재창 이렇게 했으면 합니다.
........ 아래 부분이 링크 같은데
//이미지가 아니면 그냥 통과
if(!preg_match("/\.(jpg|gif|png)$/i", $slideRow[bf_file])) continue;
switch($img_link) {
case 'link' : $post_link = $slideRow[wr_link1]; break;
case 'post' : $post_link = G5_BBS_URL."/board.php?bo_table=".$bo_table."&wr_id=".$slideRow[wr_id]; break;
default : $post_link = ""; break;
}
if($post_link) {
$target = "";
if($img_link == "link") $target = "target='_blank'";
$list[$i] = "<a href='$post_link' {$target}><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width' height='$height' border=0></a>";
} else {
$list[$i] = "<a><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width' height='$height' border=0></a>";
}
$i++;
}
//랜덤 출력
..........
아래것은 다른 것이며 링크1에 연결주소 링크2에 새창 또는 현재창입니다. 이것처럼 위에도 링크1에 연결주소 링크2에 새창 또는 현재창으로 보여주기를 했으면 합니다. 고수님 좀 .......
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="<?php echo $list[$i]['wr_link2'] ?>"><img src="<?echo $list[$i]['file'][0]["path"]."/".$list[$i]['file'][0]["file"];?>" alt="" title="<?echo $list[$i]['subject'];?>"></a>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
//옵션분리
//기존 추출 지우기
unset($list);
// 이미지 뽑아오기
if(!$rows) $rows=4; //노출 이미지 갯수
list($width, $height, $border_width, $border_color, $img_link, $btn_view, $rand) = explode("|", $options);
if(!$width) $width = 1280;
if(!$height) $height = 328;
//if(!$border_width) $border_width = 1;
//if(!$border_color) $border_color = "#8c91a1";
//if($btn_view != "block" && $btn_view != "none") $btn_view = "none";
$slideRes = sql_query("SELECT * FROM g5_write_$bo_table AS a LEFT JOIN g5_board_file AS b ON a.wr_id=b.wr_id WHERE b.bo_table='$bo_table' ORDER BY a.wr_id DESC LIMIT $rows");
$i = 0;
while($slideRow = mysql_fetch_array($slideRes)){
//이미지가 아니면 그냥 통과
if(!preg_match("/\.(jpg|gif|png)$/i", $slideRow[bf_file])) continue;
switch($img_link) {
case 'link' : $post_link = $slideRow[wr_link1]; break;
//case 'post' : $post_link = G5_BBS_URL."/board.php?bo_table=".$bo_table."&wr_id=".$slideRow[wr_id]; break;// 링크해제 또는 연결시 사용!!!!!!!!
default : $post_link = ""; break;
}
if($post_link) {
$target = "";
if($img_link == "link") $target = "target='_blank'";
$list[$i] = "<a href='$post_link' {$target}><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width' height='$height' border=0></a>";
} else {
$list[$i] = "<a><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width' height='$height' border=0></a>";
}
$i++;
}
//랜덤 출력
if($rand == "rand") shuffle($list);
//버튼 위치
$btn_left =(int)($width - 25 * $i)/2;
?>
<link rel="stylesheet" href="<?php echo $latest_skin_url ?>/latest.jquery_img.css" type="text/css">
<style>
.jquery_img { width:<?=$width?>px; height:<?=$height?>px; border:<?=$border_width?>px solid <?=$border_color?>; }
.exhibition { width:<?=$width?>px; height:<?=$height?>px; position:relative; z-index:1; }
.theme-default .nivo-controlNav { left:<?=$btn_left?>px; bottom:4px; display:<?=$btn_view?>;}
</style>
<script type="text/javascript" src="<?php echo $latest_skin_url ?>/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo $latest_skin_url ?>/jquery.nivo.slider.js"></script>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td class="jquery_img">
<div class="exhibition">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<? for($i=0;$i<count($list);$i++) { echo $list[$i]; } ?>
</div>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</td></tr>
</table>
[/code]
latest.skin.php 29번째 줄을 수정 하시면 됩니다.