替照片加上偽浮水印簽名

相信很多人都會在部落格文章中貼著與文章相關的照片,除此之外,照片裡的某個角落還會加上自己專屬的浮水印簽名,你說是不是呀?當然,無法顯示網頁也不例外,以前只要文章中有需要黏貼照片,姑且不論照片裡浮水印簽名的目地是為了防止盜連也好、增加爽度也罷,反正該張照片一定會被無法顯示網頁用影像處理軟體硬是把浮水印簽名給黏上去。

黏了一些時間以後,問題浮現了!當某些情況之下無法顯示網頁需要將照片挪用到其他地方使用的時候,天呀!這該死的浮水印簽名怎麼會變得那麼多餘?於是,無法顯示網頁終於領悟出最好的辦法,這個最好的辦法就是從此不再用強暴法硬是把浮水印簽名與照片配成對。

但說是說從此不再用強暴法硬是把浮水印簽名與照片配成對!私底下無法顯示網頁還是偷偷試過使用 CSS 語法來製作偽浮水印簽名,可惜,這個方法在某些瀏覽器上卻是完全看不到效果。

說了這麼多,重點是什麼呢?重點就是無法顯示網頁今天終於找到一個「替照片加上偽浮水印簽名」的好方法,這個方法幾乎所有瀏覽器都可以支援唷!你說酷不酷?棒不棒呀?或許有人會問:「什麼是偽浮水印簽名?」嗯 … 偽浮水印簽名顧名思義就是假的浮水印簽名,簡單說就是透過語法在照片上貼附一張底色是透明的浮水印簽名,這樣懂嗎?不懂就往下看囉!

這是一張尚未貼附「偽浮水印簽名」的照片,主角是我那白癡女友的手機。

這是一張底色為透明的浮水印簽名,附檔名是 .gif 格式。

透過簡單的語法將兩張圖片重疊起來就完成了。如何?看起來是不是很不錯呢?如果你也想試試看這個偽浮水印簽名,很簡單,將下面那段語法複製回去,然後把「照片」這個地方換成照片的網址、把「浮水印」這個地方換成浮水印簽名的網址,如此就大功告成囉!

<img src="浮水印" style="background: url(照片) no-repeat; >

去玩玩看吧!

相關文章


   

Tags:



RSS feed | Trackback URI

9 Comments »

MyAvatars 0.2 Comment by 白色飛魚

把照片弄到背景這招不錯,
只是若為了防盜連的理由的話,
算是防君子而不能防小人。


我倒是不擔心盜圖的人,哈哈哈哈哈~
如果我拍的照片會有人願意盜用的話,我還挺開心的呢! :mrgreen:

 
 
MyAvatars 0.2 Comment by 兔爸

您好,我是首席畜牧長:兔爸/兔爸爸部落格日記,特來走村

那自己的照片有自己的記印,這樣的感覺也很棒^^
謝謝教學喔!

 
MyAvatars 0.2 Comment by 兔爸

您好,我是首席畜牧長:兔爸/兔爸爸部落格日記,特來走村

讓自己的照片有自己的記印這樣的感覺也很棒喔^^
謝謝教學!


兔爸大駕光臨,無法顯示網頁實在太開心了~
再次恭喜你加入我們超完美掏空政府團隊唷!
對了,我最近很關心您那「交換連結的實驗」唷~ :wink:

 
 
MyAvatars 0.2 Comment by Shun

好炫,
實用!


偷偷告訴你,
我發現 Bloglines 讀取我的 RSS 會因為這語法而無法顯示「背景」圖片,
還有,我的 Pocket PC 瀏覽器也會看不見「背景」圖片。
好討厭唷~

 
 
MyAvatars 0.2 Comment by meg

我做啦 但沒成功 針奇怪-_-
我在想可不可以在每張blog的圖片下都下css語法讓他加上浮水印啊?


如果你有發現更棒的方法,一定要記得告訴我唷! :wink:

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.