[分享] 照片框產生器

[idsro (idsro)]

在網路上找到一個很實用的網站

http://gene7299.googlepages.com/photoframe2a.htm

只要貼上照片連結 就可自動產生相框的語法

像框的樣式有很多種


有個疑問

如果每一張照片都要加相框 那就每張照片都要來製作一次

有辦法把相框的語法先寫好在範本裡嗎?

舉網站中的第三種"相框(+PNG陰影)"為例

如果要貼相片 大小是520X390的話

那麼語法就是
<div style='width:536px;height:400px ;'><div style='border:1px solid #999; float:left;LETTER-SPACING: 2px;LINE-HEIGHT: 20px;overflow:visible;;background:white;'><div style='border:4px solid #FFFFFF;LETTER-SPACING: 2px;LINE-HEIGHT: 20px;overflow:visible; background:white;'><img src=照片連結 width='520px' height='390px'></div></div><div style='float:left;overflow:hidden;width=6px;'><img border='0'
src='http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_8_3?1114600520.png' width='6' height='6'><br><img border='0' src='http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_8_1?1114600520.png' width='6px' height='394px'></div></div><div style='width:536px;height:6px ;'><img border='0' src='http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_8_2?1114600520.png' width='6' height='6'><img border='0'
src='http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_8_0?1114600520.png' width='529px' height='6'></div></div>

實在是相當長

有辦法把語法預先寫進範本嗎?


--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 123.195.70.93
推 kinny741224:推