웹사이트 썸네일 자동생성 배추베이직스킨에 적용.
1. 흰새벽님의 요청으로 배추베이직 스킨에 적용했습니다.
- 배추베이직 스킨 파일중 view.skin.php 파일만이 변경되었습니다.
- 어제(6.29) 올라 온 v1.6.8의 view.skin.php로 작업했습니다. 올려 드린 파일로 대체하세요.
- 베추베이직스킨 img폴더에 첨부된 webshot.gif 파일을 넣으세요.
2. 첨부된 폴더와 파일
- mod_webshot 폴더
|-- IECapt.exe
|-- webshot.php
|-- images 폴더
|-- loding.gif
- webshot.gif
- view.skin.php
3. 적용환경
- Windows XP/2003/Vista/2008 플랫폼 서버 기반 PHP 실행환경.
- 썸네일 생성을 위해 PHP GD 라이브러리가 설치되어 있어야 합니다.(대부분 설치되어 있죠)
- 윈도우즈 계열 외 플랫폼 즉, 리눅스 기반 서버 등에서는 실행되지 않습니다.
4. 적용방법
- mod_webshot 폴더를 통채로 그누보드의 extend 폴더에 넣습니다.
그럼 이렇게 되겠죠. extend/mod_webshot/
- view.skin.php 파일을 배추베이직스킨 폴더에 넣습니다.
- webshot.gif 파일을 배추베이직스킨 폴더 내의 img폴더에 넣습니다.
- view.skin.php 파일을 열어 859라인 url값을 자신의 url로 바꿉니다.
- view.skin.php 파일 864라인 이미지 src경로를 자신의 값으로 바꿉니다.
5. 실행방법
- 위 그림과 같이 배추베이직스킨이 적용된 게시판을 실행시키고 글쓰기 때 넣은 링크값이 있을 때는 webshot이라 쓰인 작은
아이콘이 뜹니다.
이것을 클릭하면 위 그림처럼 링크된 웹사이트의 썸네일이 실시간 자동생성 되어 화면에 나타나게 됩니다.
- 생성된 썸네일을 drag&drop 가능하고 더블클릭하면 닫힙니다.
6. 크로스브라우징
- IE8, FireFox 최신판, Chrome 최신판, Opera 최신판에서 잘 작동됩니다.
7. 예상되는 문제점
- 클릭시 실시간으로 PHP GD 작업을 하는 것이므로 서버에 부하가 크게 걸릴 수 있습니다.
저같은 경우는 http://localhost/ 에서 시험 해 봤을 뿐입니다.
- 링크된 주소가 엉터리인 경우까지 고려하여 정규식에 반영하지 않았습니다.
관리자가 직접 올리는 경우라면 예상 가능하니까 문제가 없겠지만
그렇지 않은 경우에는 예상되는 부분을 정규식에 반영해야 할거라 봅니다.
※ 어느 정도 엉터리 url은 잡아 낼 수 있도록 수정!
- 배추베이직 스킨 파일중 view.skin.php 파일만이 변경되었습니다.
- 어제(6.29) 올라 온 v1.6.8의 view.skin.php로 작업했습니다. 올려 드린 파일로 대체하세요.
- 베추베이직스킨 img폴더에 첨부된 webshot.gif 파일을 넣으세요.
2. 첨부된 폴더와 파일
- mod_webshot 폴더
|-- IECapt.exe
|-- webshot.php
|-- images 폴더
|-- loding.gif
- webshot.gif
- view.skin.php
3. 적용환경
- Windows XP/2003/Vista/2008 플랫폼 서버 기반 PHP 실행환경.
- 썸네일 생성을 위해 PHP GD 라이브러리가 설치되어 있어야 합니다.(대부분 설치되어 있죠)
- 윈도우즈 계열 외 플랫폼 즉, 리눅스 기반 서버 등에서는 실행되지 않습니다.
4. 적용방법
- mod_webshot 폴더를 통채로 그누보드의 extend 폴더에 넣습니다.
그럼 이렇게 되겠죠. extend/mod_webshot/
- view.skin.php 파일을 배추베이직스킨 폴더에 넣습니다.
- webshot.gif 파일을 배추베이직스킨 폴더 내의 img폴더에 넣습니다.
- view.skin.php 파일을 열어 859라인 url값을 자신의 url로 바꿉니다.
- view.skin.php 파일 864라인 이미지 src경로를 자신의 값으로 바꿉니다.
5. 실행방법
- 위 그림과 같이 배추베이직스킨이 적용된 게시판을 실행시키고 글쓰기 때 넣은 링크값이 있을 때는 webshot이라 쓰인 작은
아이콘이 뜹니다.
이것을 클릭하면 위 그림처럼 링크된 웹사이트의 썸네일이 실시간 자동생성 되어 화면에 나타나게 됩니다.
- 생성된 썸네일을 drag&drop 가능하고 더블클릭하면 닫힙니다.
6. 크로스브라우징
- IE8, FireFox 최신판, Chrome 최신판, Opera 최신판에서 잘 작동됩니다.
7. 예상되는 문제점
- 클릭시 실시간으로 PHP GD 작업을 하는 것이므로 서버에 부하가 크게 걸릴 수 있습니다.
저같은 경우는 http://localhost/ 에서 시험 해 봤을 뿐입니다.
- 링크된 주소가 엉터리인 경우까지 고려하여 정규식에 반영하지 않았습니다.
관리자가 직접 올리는 경우라면 예상 가능하니까 문제가 없겠지만
그렇지 않은 경우에는 예상되는 부분을 정규식에 반영해야 할거라 봅니다.
※ 어느 정도 엉터리 url은 잡아 낼 수 있도록 수정!
댓글 12개
13년 전
오~이렇게 신속하게 작업을 해주시다니
참으로 고맙읍니다.
아~ 그런데 결정적으로 리눅스서버에서는 안된다고요?
참으로 안타깝네요.
호스팅이 리눅스라서 이걸 어쩌나...
이렇게 수고해주셨는데 잘 사용해야 고마움을 표하는 것이 될텐데..
어쨌거나 고맙고 수고하셨읍니다.
훗날 누군가 리눅스에서도 사용할 수 있게 좋은 자료로 남기를 기대합니다.
감사합니다.
즐거운 휴일 되세요. ^&^
참으로 고맙읍니다.
아~ 그런데 결정적으로 리눅스서버에서는 안된다고요?
참으로 안타깝네요.
호스팅이 리눅스라서 이걸 어쩌나...
이렇게 수고해주셨는데 잘 사용해야 고마움을 표하는 것이 될텐데..
어쨌거나 고맙고 수고하셨읍니다.
훗날 누군가 리눅스에서도 사용할 수 있게 좋은 자료로 남기를 기대합니다.
감사합니다.
즐거운 휴일 되세요. ^&^
eVerRock
13년 전
덕분에 배추베이직을 한번 다루어 봤습니다.
복잡하더만요. 무슨 기능이 그리도 많은지...
아직도 뱅글뱅글...ㅋㅋㅋ
그래서 배추빌더가 인기가 높은 모양이죠? ㅎㅎ
이런것을 누군가에게 의뢰할려면 솔찬할텐데...
암튼 필요하실 분이 있을 것도 같고, 이런 것도 되는 구나 하는 호기심 차원에서
삭제하지 않고 놔두겠습니다.
보람된 하루 되시길... ^^
복잡하더만요. 무슨 기능이 그리도 많은지...
아직도 뱅글뱅글...ㅋㅋㅋ
그래서 배추빌더가 인기가 높은 모양이죠? ㅎㅎ
이런것을 누군가에게 의뢰할려면 솔찬할텐데...
암튼 필요하실 분이 있을 것도 같고, 이런 것도 되는 구나 하는 호기심 차원에서
삭제하지 않고 놔두겠습니다.
보람된 하루 되시길... ^^
13년 전
저도 이용중인 호스팅 서버가 리눅스 같던뎅.. ㅡㅡ;;;
13년 전
웹사이트 썸네일 굿.. 바로이거야..
13년 전
대박 꼭필요한 기능이었는데.. ㅠㅠ 감격..
울랄라커뮤니케이션스
13년 전
좋네요.. 잘 쓰겠습니다.
eVerRock
13년 전
예, 잘들 사용하세요 ^^
한 사이트에 한번만 가능하게 한거라 다른 목적이시면 그걸 좀 바꿔
사용하셔야 할겁니다.
한글주소는 가능하지 않습니다. 이 부분도 맞게 정규식을 조금 손 봐 사용하세요.
감사합니다 ^^
한 사이트에 한번만 가능하게 한거라 다른 목적이시면 그걸 좀 바꿔
사용하셔야 할겁니다.
한글주소는 가능하지 않습니다. 이 부분도 맞게 정규식을 조금 손 봐 사용하세요.
감사합니다 ^^
13년 전
좋은자료 감사합니다.
13년 전
감사합니다~
스노우맨12
12년 전
감사합니다
12년 전
실시간 URL의 썸네일을 보여주는 소스가 있네요.
사용해도 되는지는 모르겠네요.
암튼 저런 소스를 사용하여 URL의 썸네일을 저장했다가 보여주면 멋진 것이 나올 것 같네요.
주소는 http://firejune.com/913 여깁니다.
// Sitelink thumbnail
// Developer: FireJune(http://firejune.com)
var Linkthumb = {
align:function(array) {
var thisUrl = document.domain;
if (thisUrl.split('.')[0] == 'www')
thisUrl = thisUrl.substring(4, thisUrl.length);
$$(array).each(function(element) {
var url = element.href;
if(url.indexOf(thisUrl) == -1) {
var img = Linkthumb.create(url);
element.appendChild(img);
Event.observe(element, 'mouseover', function(){img.style.display = 'block'});
Event.observe(element, 'mouseout', function(){img.style.display = 'none'});
}
});
},
create:function(url) {
var img = document.createElement('IMG');
var url = url.replace(/[^:]*:\/\/([^:\/]*)(:{0,1}\/{1}.*)/, '$1');
img.src = 'http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r='+ url;
img.className = 'linkthumb';
img.alt = url;
img.style.display = 'none';
return img;
}
}
// Style.css
.linkthumb{
z-index:9999; position:absolute; margin:18px 0 0 -160px;
border-right:2px solid #888; border-bottom:2px solid #888}
// 사용하기
Linkthumb.align('#content a');
사용해도 되는지는 모르겠네요.
암튼 저런 소스를 사용하여 URL의 썸네일을 저장했다가 보여주면 멋진 것이 나올 것 같네요.
주소는 http://firejune.com/913 여깁니다.
// Sitelink thumbnail
// Developer: FireJune(http://firejune.com)
var Linkthumb = {
align:function(array) {
var thisUrl = document.domain;
if (thisUrl.split('.')[0] == 'www')
thisUrl = thisUrl.substring(4, thisUrl.length);
$$(array).each(function(element) {
var url = element.href;
if(url.indexOf(thisUrl) == -1) {
var img = Linkthumb.create(url);
element.appendChild(img);
Event.observe(element, 'mouseover', function(){img.style.display = 'block'});
Event.observe(element, 'mouseout', function(){img.style.display = 'none'});
}
});
},
create:function(url) {
var img = document.createElement('IMG');
var url = url.replace(/[^:]*:\/\/([^:\/]*)(:{0,1}\/{1}.*)/, '$1');
img.src = 'http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r='+ url;
img.className = 'linkthumb';
img.alt = url;
img.style.display = 'none';
return img;
}
}
// Style.css
.linkthumb{
z-index:9999; position:absolute; margin:18px 0 0 -160px;
border-right:2px solid #888; border-bottom:2px solid #888}
// 사용하기
Linkthumb.align('#content a');
12년 전
http://cafe.naver.com/netsbe/545
여기도 좋은 정보가 많네요.
여기도 좋은 정보가 많네요.
게시판 목록
그누4 스킨
스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5849 | 최신글 | 7년 전 | 5281 | ||
| 5848 | 전체검색 | 7년 전 | 4141 | ||
| 5847 | 디자인 |
찰리콘트롤
|
7년 전 | 5372 | |
| 5846 | 최신글 | 8년 전 | 6467 | ||
| 5845 | 최신글 | 8년 전 | 6256 | ||
| 5844 | 게시판 | 8년 전 | 7540 | ||
| 5843 | 게시판 | 8년 전 | 7169 | ||
| 5842 | 회원가입 |
또치하우스
|
8년 전 | 4349 | |
| 5841 | 달력 | 8년 전 | 5245 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기