최신글 스킨입니다. 1줄에 3개 포스팅으로 셋팅되어 있습니다. 해서 폭이 800정도 넘어가면 좀 보기가 안스러울 수 있습니다.... ㅇ 왼쪽 위 2칸 차지하는 포스팅은 사진이 있는...
페이스북처럼 링크 내용을 따오는 따오기™ 게시판(수정판)
링크1에 주소를 넣으면 해당 페이지의 내용을 따와서 박스로 보여주는 따오기™ 게시판입니다.
따온 이미지를 갤러리 리스트 사진으로 사용하고, 따온 이미지가 없는 경우 첨부 이미지를 사용합니다.
서버 환경에 따라 작동하지 않을 수도 있습니다.
---------------------------------------------------------------------------------------
지난번 올렸던 초기 버젼에서 많은 부분을 수정했습니다.
jquery로 갤러리 리스트의 이미지 사이즈 조절하려고 삽질하다가 그냥 썸네일을 만드는 것으로 했습니다.
그누보드의 썸네일 함수를 이용해서 이미지 url에서 썸네일을 만들도록 했습니다.
iframe으로 넣은 동영상이 보이지 않는 브라우저에서 이미지라도 출력되게 하기 위해서 이미지를 백그라운드로 깔았습니다.
리다이렉팅 되는 페이지를 따라가서 따오도록 했습니다.
예를 들어 youtu.be로 시작하는 유튜브 공유주소로 접속하면 youtube.com으로 리다이렉팅 되는데 이쪽으로 따라가서 내용을 퍼올 수 있도록 했습니다.
인스타그램의 mp4 동영상의 경우 <iframe>이 아닌 <video>로 재생하도록 하였습니다.
테스트 게시판을 만들었습니다. (테스트 게시판의 스킨은 꾸준히 개선중이므로 첨부의 스킨과 다를 수 있습니다.)
http://btstocking.mooo.com/bbs/board.php?bo_table=thaogi
id : test
pw : test
* 테스트 용도 이외로는 사용하지 마십시오.
첨부파일
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
mp3 파일 자체에 담긴 정보를 읽어와 자동으로 게시물을 만들어 주는 게시판입니다. php7에는 id3_get_tagf라는 함수로 그냥 읽어 올 수 있는 것 같은데 php5에는 이...
부트스트랩 베이직 테마에 포함되어 있는 최신글을 기존 table에서 list로 변형 작업한 스킨입니다. 부트스트랩 반응형 지원을 위해 제작했습니다. 테마에도 적용할 예정입니다. 별...
본 최신 스킨은 반응형 으로서 모바일이나 PC용으로 사용가능합니다. 파일압축풀어서 latest 폴더에 넣으시면 됩니다. 기본스킨경로 테마스킨경로 기술지원 http://webagit...
Thaogi™ Lite 링크1에 주소를 넣으면 해당 페이지의 내용을 따와서 박스로 보여주는 따오기™ 게시판입니다. 따온 이미지를 갤러리 리스트 사진으로 사용하고, 따온 이미지가 없...
수정판 http://sir.kr/g5_skin/11660 을 사용하세요. 링크1에 주소를 넣으면 해당 페이지의 내용을 불러와 박스로 보여주는 게시판. 불러온 이미지를 갤러리 리스트...
아주 간단한 스킨입니다~ 영상을 유투브에 올려 메인페이지에 불러오게 하는 경우에 쓰시면 좋아요. 게시글 등록시 유투브에서 공유->소스코드를 클릭하면 이런식으로 되는데 저 위에 sr...
basic 게시판에 포토스피어 뷰어 추가 http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적...
반응형으로 만든 웹진 스킨입니다. 소스정리를 한다한다 하는게 이제서야 했네요. 스킨 레이아웃 형태는 PC형 스킨( http://sir.kr/g5_skin/11363 )과 동일...
댓글 52개
열의와 실력 모두를 겸비하셨습니다.
부럽습니다. ^^
실력자 이시네요 ^^
autoplay=1 를 넣어주면 되는거 같은데 위치를 모르겠습니다
[code]
<?php if($view['link'][1]) { ?>
<!-- og box { -->
<div id="og_box">
<?php
if($view['wr_1']) {
if(preg_match("/\.mp4$/", $view['wr_1'])) echo '<video src="'.$view['wr_1'].'" controls></video>';
else echo '<iframe style="background-image: url('.$view['wr_2'].'); background-repeat: no-repeat; background-size: 100%; background-position: center center;" class="wh_16x9" src="'.$view['wr_1'].'" allowfullscreen></iframe>';
}
else if($view['wr_2']) echo '<img src="'.$view['wr_2'].'">';
echo '<a href="'.$view['link'][1].'" target="_blank">';
if($view['wr_3']) echo '<h2>'.$view['wr_3'].'</h2>';
if($view['wr_4']) echo '<p>'.$view['wr_4'].'</p>';
if($view['wr_5']) echo '<h3>'.$view['wr_5'].'</h3>';
echo '</a>';
?>
</div>
<script>
$('.wh_16x9').each(function(){
$(this).css("height", parseInt($(this).width(), 10) * 9 / 16 );
});
</script>
<!-- } og box -->
<?php } ?>
[/code]
를
[code]
<?php if($view['link'][1]) { ?>
<!-- og box { -->
<div id="og_box">
<?php
if($view['wr_1']) {
if(preg_match("/\.(mp4|ogg)$/", $view['wr_1'], $extn)) echo '<video controls autoplay><source src="'.$view['wr_1'].'" type="video/'.$extn[1].'">비디오를 지원하지 않는 브라우저입니다.</video>';
else {
$video_url = parse_url($view['wr_1']);
if(isset($video_url['query'])) {
parse_str($video_url['query'], $video_query);
if(isset($video_query['auto_play'])) $video_query['auto_play'] = "true";
else $video_query['autoplay'] = "true";
$video_query = http_build_query($video_query);
$view['wr_1'] = $video_url['scheme']."://".$video_url['host'].$video_url['path']."?".$video_query;
}
else $view['wr_1'] = $view['wr_1']."?autoplay=true";
echo '<iframe style="background-image: url('.$view['wr_2'].'); background-repeat: no-repeat; background-size: 100%; background-position: center center;" class="wh_16x9" src="'.$view['wr_1'].'" allowfullscreen></iframe>';
}
}
else if($view['wr_2']) echo '<img src="'.$view['wr_2'].'">';
echo '<a href="'.$view['link'][1].'" target="_blank">';
if($view['wr_3']) echo '<h2>'.$view['wr_3'].'</h2>';
if($view['wr_4']) echo '<p>'.$view['wr_4'].'</p>';
if($view['wr_5']) echo '<h3>'.$view['wr_5'].'</h3>';
echo '</a>';
?>
</div>
<script>
$('.wh_16x9').each(function(){
$(this).css("height", parseInt($(this).width(), 10) * 9 / 16 );
});
</script>
<!-- } og box -->
<?php } ?>
[/code]
로 바꿔 주셔요.
네이버 동영상은 원래 값이 isAutoPlay=true로 되어 있는데도 자동 재생이 안되네요...ㅠㅠ
잘 사용하겠습니다!!!!
테스트 목록에서 이미지가 없다고 나옵니다. ㅠ
http://altam.kr/bbs/board.php?bo_table=table1
어디를 수정해야하나요?
[http://sir.kr/data/editor/1609/5c472810f8b83e594a4709a6e2eefaa8_1473982069_5774.jpg]
그누보드 root의 common.php의
[code]
error_reporting( E_CORE_ERROR | E_CORE_WARNING | E_COMPILE_ERROR | E_ERROR | E_WARNING | E_PARSE | E_USER_ERROR | E_USER_WARNING );
[/code]
를
[code]
error_reporting(E_ALL);
[/code]
로 바꾼 다음 리스트 페이지를 여시면 에러 메시지들이 나올 겁니다. 에러 내용을 얼릉 확인하고 위의 코드는 원래대로 바꿔 놓으십시오.
에러 내용중에
Warning: getimagesize() [function.getimagesize.php]: URL file-access is disabled in the server configuration in ...
비슷한 내용이 나온다면 서버 설정에서 서버 외부의 이미지를 열지 못하도록 해 놓은 것입니다.
신고가 접수되어 자동으로 블라인드 된 댓글입니다. 원문을 보시려면 를 클릭하세요.
아쉬운대로 list.skin.php의
[code]
<a href="<?php echo $list[$i]['href'] ?>">
<?php
if ($list[$i]['is_notice']) { // 공지사항 ?>
<strong style="width:<?php echo $board['bo_gallery_width'] ?>px;height:<?php echo $board['bo_gallery_height'] ?>px">공지</strong>
<?php } else {
if($list[$i]['wr_2']) {
$thumb['src'] = make_thumbnail_url($list[$i]['wr_2'], G5_DATA_PATH."/file/".$board['bo_table']."/thumb", $board['bo_gallery_width'], $board['bo_gallery_height']);
if($thumb['src']) $thumb['alt'] = $list[$i]['wr_subject'];
} else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
}
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
} else {
$img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
}
echo $img_content;
}
?>
</a>
[/code]
을
[code]
<a href="<?php echo $list[$i]['href'] ?>">
<?php
if ($list[$i]['is_notice']) { // 공지사항 ?>
<strong style="width:<?php echo $board['bo_gallery_width'] ?>px;height:<?php echo $board['bo_gallery_height'] ?>px">공지</strong>
<?php } else {
if($list[$i]['wr_2']) { ?>
<div style="width: <?php echo $board['bo_gallery_width']*1 - 2; ?>px; height: <?php echo $board['bo_gallery_height']*1 - 2 ; ?>px; overflow: hidden; text-align: center; border: 1px solid #DDD;">
<img src="<?php echo $list[$i]['wr_2']; ?>" style="height: <?php echo $board['bo_gallery_height']; ?>px; width: auto;">
</div>
<?php
} else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
} else {
$img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
}
echo $img_content;
}
}
?>
</a>
[/code]
로 바꿔서 사용해 보셔요.
신고가 접수되어 자동으로 블라인드 된 댓글입니다. 원문을 보시려면 를 클릭하세요.
감사합니다 @.@
수고하셨습니다.
혹시 가능하시면 아미나 버전으로 수정해서 올려주시면 감사 하겟읍니다
전체적인 스타일에 맞추어 사용하려니깐 아미나용이 필요 하네요
아미나 배포자료실에 포인트나 파트너몰에 올려주셔서 판매 하셔도 될거 같네요 ㅎㅎ
http://sir.kr/g5_skin/11824
필요하시다면 급한 작업 끝나고 다음주쯤에 만들어 올리겠습니다.
저는 현재 PC,모바일 따로 적용되어 있는데,
PC는 안하고, 이중에 모바일만 가꾸고 있거든요..
근데 모바일로는 유튜브같은 영상들 iframe 따오기도 불편하고,
그렇다고 항상 링크타고 들어가서 보기도 불편했는데
이 스킨을 딱 발견했습니다.
너무 좋은 기능인데도, 반응형이라 사용을 못하고 있습니다.
만들어주신다고 해주시니 너무 감사합니다 ^^
급한 일이 생기는 바람에 당분간 연기해야 할 것 같습니다.
(_ _);
하지만, 얼마나 오래 걸리실지는 좀 궁금하네요..ㅠ
일정은... 제가 지금도 며칠째 날밤 새고 있는 상황이라...
일단, 일이 끝나면... 그리고 저도 한숨 자고 꼭 올려드리겠습니다.
죄송합니다.
솔직히 만들어줄지 말지는 스타킹님 마음인데,
괜히 제가 부담만 드린 것 같네요...ㅠ
일 끝내시고, 여유 많으실 때,
천천히 부탁드리겠습니다 ^^
링크1에 주소만 넣어주고 있는데
내용보기를 하면 같은 내용이 두번 나옵니다.
하나는 유튜브에서 가지고 오는거 같고
다른 하나는 텍스트 친거(내용) 위에 유튜브 동영상이 또 나옵니다.
[http://sir.kr/data/editor/1611/e74aa810d3ec5b56521932951173c3ca_1477984621_4514.jpg]