간단한 워터마크 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

간단한 워터마크 정보

간단한 워터마크

첨부파일

wm.rar (1.4K) 918회 다운로드 2008-07-13 17:28:30

본문



* 이번팁은 뷰페이지에서 워터마크를 찍어주는 방식 입니다. 레이어 스타일?
   테크노트에는 소노시님께서 올리신 팁이 있는데, 그누에는 없는거 같아 올립니다.
   (있으면 ㅈㅅ ㅡㅡ^)


* 원 소스는 http://www.grafika.waw.pl 에서 가져 왔습니다. (링크2)
   참고 하셔서 자신에 맞게 수정 하시고요...
   수정 귀찮으신 분들은 제가 쓰는거 가져다 쓰세용.


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


* 제가 질문에 답변 달 정도의 실력이 못되오니 많은 양해 바랍니다. ㅜㅜ


* 일반게시판 미리보기는 링크1을 클릭하시고 하이슬라이드 게시판 미리보기는
   http://www.pupu.co.kr/bbs/board.php?bo_table=02_1 가셔서 이미지 클릭해 보세요.


* 사용법은 첫 댓글 참조.(본문이 자꾸 먹네요.)


* 맘에 드시면 추천 한방...쿄쿄.

추천
7

댓글 20개

갤러리 썸네일에 표시하시려면 아래와 같이 바꿔 주시면 되지만, 썸네일 크기에 맞게 워터마크가 자동 리사이즈 되지는 않기 때문에, 워터마크가 크게 보여지게 됩니다.
워터마크의 크기를 썸네일에 맞추면 방법도 있지만, 그렇게 할 경우 오리지날 이미지에 워터마크는 매우 작게 보여 집니다.
그래도 상관 없으시면 적용해 보세요.
------------------------------------- 갤러리 게시판 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>";
질답에 jpg이외의 이미지 파일도 지원하게 해달라고 하셨는데요.
gif.png 까지 지원하는 소스는 제 홈에서 받아 주세요.
watermark.rar 를 받으시면 됩니다.
----------------------------------------------------------------------------
# 원본 소스에서는 업로드 이미지가 jpg만 되던것을 gif,png 확장자도 되도록 소스수정.
  (테크노트 소노시님2 소스)
http://www.pupu.co.kr/bbs/board.php?bo_table=06_5&wr_id=3
* 일반게시판에서 사용법
  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;
픽셀로 왼쪽 위 모서리부터 거리 입니다

변경하세요.
전체 11 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT