본문 바로가기

스크립트/그누보드 관련

그누보드 간단한 워터마크

 - 출처

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=16170&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EC%9B%8C%ED%84%B0



* 특징
  - 소스 한줄만 삽입하는 방식이라 초보자도 쓰기에 매우 간단 합니다.
  - 레이어 방식이라 원본 이미지를 손상 시키지 않습니다. 
  - 기존에 업로드된 이미지도 모두 워터마크가 삽입 됩니다.
  - 팝업으로 뜨는 이미지에도 워터마크가 삽입 됩니다.
  - 업로드 1,2,3...... 갯수에 관계없이 삽입 됩니다.
  - HighSlide를 사용한 갤러리에도 사용 가능 합니다.
  - 워터마크에 사용될 이미지 파일의 투명도를 makeimg.php 파일에서 간단히 조절 가능 합니다.
     (16행에 주석 달려 있음) 



-----------------------------------------------------------


갤러리 썸네일에 표시하시려면 아래와 같이 바꿔 주시면 되지만, 썸네일 크기에 맞게 워터마크가 자동 리사이즈 되지는 않기 때문에, 워터마크가 크게 보여지게 됩니다. 
워터마크의 크기를 썸네일에 맞추면 방법도 있지만, 그렇게 할 경우 오리지날 이미지에 워터마크는 매우 작게 보여 집니다. 
그래도 상관 없으시면 적용해 보세요. 
------------------------------------- 갤러리 게시판 240행 부근 ----------------------------------------------- 
if (file_exists($thumb) && $list[$i][file][0][file]) { 
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='$g4[path]/bbs/makeimg.php?photo={$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>";



* 일반게시판에서 사용법 
  1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요. 
    (watermark.png는 샘플로 보시고,자신에게 맞게 제작 하여 사용 하세요.) 
  2. 도메인/bbs/makeimg.php 
  3. 도메인/bbs/img/watermark.png 
  4. lib/common.lib.php 파일 933번째 행쯤을 아래와 같이 수정 합니다.(검색활용) 
----------------------------------------------------------------------------------        
        // 이미지에 속성을 주지 않는 이유는 이미지 클릭시 원본 이미지를 보여주기 위한것임 
        // 게시판설정 이미지보다 크다면 스킨의 자바스크립트에서 이미지를 줄여준다 
        return "<img src=makeimg.php?photo=$g4[path]/data/file/$board[bo_table]/".urlencode($file)." name='target_resize_image[]' onclick='image_window(this);' style='cursor:pointer;' title='$content'>"; 
----------------------------------------------------------------------------------- 


* HighSlide 게시판에서 사용법 
  1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요. 
    (watermark.png는 자신에게 맞게 제작 하여 사용 하세요.) 
  2. 도메인/bbs/makeimg.php 
  3. 도메인/bbs/img/watermark.png 
  4. 해당스킨/list.skin.php 파일의 240번째쯤 행 아래와 같이 바꿔 줍니다. 
----------------------------------------------------------------------------------- 
if (file_exists($thumb) && $list[$i][file][0][file]) { 
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='{$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>"; 
-----------------------------------------------------------------------------------



위치를 이동하시고싶으신분들 
$dest_x = ($size[0] - $watermark_width) / 2; 
$dest_y = ($size[1] - $watermark_height) / 2; 

부분을 
$dest_x = 10; 
$dest_y = 10; 
픽셀로 왼쪽 위 모서리부터 거리 입니다 

변경하세요.