給照片加上像框

08-10

引用老頑童的樂園的給照片加上像框

圖片加框後的效果:

代碼:</B><BR><TABLE cellSpacing=0 cellPadding=0 width_=300 align=center background=http://download.huabao.net/entertainment/imglib/01/010702b2.jpg><TBODY><TR><TD align=middle ><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/picture/xx9/xbk/142.gif"></TD></TR></TBODY></TABLE><BR><DIV></DIV><P></P>紅色部分為圖片地址,藍色部分為像框地址,可以隨意更換.

邊框素材:1.

10.

11.

12.

13.

14.

代碼：<table borderColor=#cd5c5c height=500 width_=500 align=center border=3><tr><td background=http://photo9.hexun.com/p/2007/1109/144004/b_5F8CD39C74D4271161745014F09FAAD6.jpg><P align=center><FONT color=red size=6><B><IMG style="WIDTH: 362px; HEIGHT: 362px" height=362 src="https://www.getit01.com/getimg_360.php?url=http://image15.360doc.com/DownloadImg/2010/10/0509/5746887_1.jpg"width_=362 border=0></B></FONT></P></td></tr></table>代碼說明:1.原始代碼中的紅色地址http://photo9.hexun.com/p/2007/1109/144004/b_5F8CD39C74D4271161745014F09FAAD6.jpg為漂亮gif邊框地址，您只要滑鼠右鍵單擊您喜歡的邊框素材---屬性--地址（URL）後面的地址就是您要找的邊框素材地址。把您找到的邊框素材地址替換紅色地址http://photo9.hexun.com/p/2007/1109/144004/b_5F8CD39C74D4271161745014F09FAAD6.jpg即可。2.原始代碼中的藍色地址http://photo9.hexun.com/p/2007/1109/144015/b_ADFFA8F3EDAC37633C92364BEBA2D202.jpg為您的照片地址，您只要替換成您自己的照片地址即可。3.原始代碼中的362和362為照片的大小，您可以找到您照片的大小尺寸：滑鼠右鍵單擊照片--屬性--尺寸就是照片的大小。您可以通過您的電腦的畫圖工具調整照片的尺寸大小，直到照片大小為362*362大小即可。邊框圖:

夫人代碼:<TABLE align=center border=0><TBODY><TR><TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=600)" width_=350 background=http://ent.dahew.com/category/20002/2005/11/19/images/20002_20051119_50.jpg height=450></TD></TR></TBODY></TABLE><BR><BR><BR><DIV></DIV><P></P>http://ent.dahew.com/category/20002/2005/11/19/images/20002_20051119_50.jpg 紅色部分是圖片地址,可以換成你喜歡的圖片width_=350height=450 藍色部分為圖片的長度和寬度,更換數據可以調整圖片的大小代碼加邊框：原圖:

1. 圖片單邊框的代碼:<center><imgsrc="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:3 solid #ff0000"></center>下面是一的效果圖:

2.圖片雙邊框的代碼:<center><imgsrc="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:5 double green"></center>下面是二的效果圖:

3.立體鏡框的代碼（一）:<center><img src=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpgstyle="border:25 outset #ff88ff"></center>下面是三的效果圖:

4.立體鏡框的代碼（二）:<center><imgsrc="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 inset #ff88ff"></center>下面是四的效果圖:

5.虛線框的代碼:<center> <img src="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:4 dashed #ff0000"></center>下面是五上午效果圖:

6.凹槽框的代碼:<center> <img src="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 groove green" border="0"></center>下面是六的效果圖:

7.脊狀框的代碼:<center> <img src="https://www.getit01.com/getimg_360.php?url=http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 ridge green" border="0"></center>下面是七的效果圖:

全屏FLASH代碼注意：＆要換成小寫&<img src=";nnerHTML+=""<div style="";top:0;left:0;""><EMBED src=""地址"" quality=high wmode=""transparent"" WIDTH=""775"" HEIGHT=""655"" TYPE=""application/x-shockwave-flash""></div>"";">或者<img src=";rHTML+=""<div style="";top:0;left:0;""><EMBED src=""FLASH地址""quality=high wmode=""transparent"" WIDTH=""1000"" HEIGHT=""700"" TYPE=""application/x-shockwave-flash""></div>"";">代碼:<TABLE align=center border=0><TBODY><TR><TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=600)" width_=410 background=http://www.51it.org/zz/UploadFiles_7131/200603/200639173950545.jpg height=490></TD></TR></TBODY></TABLE><BR><BR><BR><DIV></DIV><P></P>

代碼:<TABLE borderColor=#841a00 cellSpacing=2 cellPadding=1 border=6><TBODY><TR><TD><IMG height=350 src="https://www.getit01.com/getimg_360.php?url=http://images.yunnan.cn/mmsource/images/2005/08/10/ent_050810_y_tgdywntwohab7.jpg" width_=500></TD></TR></TBODY></TABLE>紫色部分為邊框的顏色,可以更換你喜歡的邊框顏色藍色部分為圖片的寬度和長度,可以減少或增加數據來調整圖片的大小紅色部分為圖片地址,可以更換你喜歡的圖片地址

代碼:<TABLE borderColor=#b400d8 cellSpacing=2 cellPadding=1 border=6><TBODY><TR><TD><IMG height=250 src="https://www.getit01.com/getimg_360.php?url=http://images.yunnan.cn/mmsource/images/2005/08/10/ent_050810_y_tgdywntwohab7.jpg" width_=300></TD></TR></TBODY></TABLE>效果：

代碼:<TABLE borderColor=#90fc00 cellSpacing=2 cellPadding=1 border=6><TBODY><TR><TD><IMG height=350 src="https://www.getit01.com/getimg_360.php?url=http://kimihe.huming.com/kimihe_pic/ADA/sweet.jpg" width_=400></TD></TR></TBODY></TABLE>_____________圖片加框代碼如下：(去除星號)1。單線框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:3 solid #ff0000"><*br><*br><*br><*/center>2。雙線框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:5 double green"><*br><*br><*br><*/center>3。凸出框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="border:25 outset #ff88ff"><*br><*br><*br><*/center>4。凹進框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 inset #ff88ff"><*br>*<*br><*/center>5。郵票框<*center><*table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><*tr><*td bgcolor="#aeffae" width_=600 height=450 align=center valign=middle><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"><*/td><*/tr><*/table><*/center>6。虛線框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:4 dashed #ff0000"><*br><*br><*br><*/center>7。凹槽框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 groove green" border="0"><*br><*br><*br><*/center>8。脊狀框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 ridge green" border="0"><*br><*br><*br><*/center>9。立體陰影框<*center><*table width_=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><*tr><*td bgcolor="#ffffff" align=center valign=middle><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"><*/td><*/tr><*/table><*/center>10。陰影框<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:shadow(color=#32cd32)"><*/center>11。橫向漸變透明<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">12。圓形漸變透明<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"><*/center>13。X形漸變透明<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"><*/center>14。改變某種顏色<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="FILTER: Chroma(Color=#13629f)"><*/center>15。黑白效果<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:"gray""><*/center>16。X光效果（底片）<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:"xray""><*/center>17。浮雕效果<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"><*/center>18。上下顛倒<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:flipv">19。左右顛倒<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:fliph"><*/center>20。色彩顛倒<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:invert"><*/center>21。粒狀陰影<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"><*/center>22。模糊效果<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"><*/center>23。水波效果（風吹）<*center><*img src="https://www.getit01.com/getimg_360.php?url=http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"><*/center>這些效果單獨看起來沒啥顯眼，但如果與其他代碼結合起來，如JS等，再加上巧妙的構思，一定會使你的帖子精彩起來。因為不管多麼複雜的頁面都是由它們組合而成的。____________________☆玫瑰茶苑☆在圖片上添加滾動文字框的代碼代碼：<TABLE style="WIDTH: 580px; HEIGHT:360px" "background=http://image15.360doc.com/DownloadImg/2010/10/0509/5746887_23.jpg" border=0><TBODY><TR><TD><DIV align=right><DIV style="OVERFLOW: auto; WIDTH: 252px; HEIGHT: 338px"><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>請</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>把</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>B</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>L</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>O</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>G</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>文</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>字</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>寫</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>在</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>這</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff><STRONG><FONT color=#000000 size=4>里</FONT></STRONG></FONT></P><P align=center><FONT color=#ff00ff></IMG></FONT></P></DIV></DIV></TD></TR></TBODY></TABLE>發表文章時點下面的「源碼」，然後把代碼複製粘貼，再點設計，然後在框內寫文章即可。紅色的是圖片地址，藍色的是寫字框靠左或靠右，「WIDTH」和「HEIGHT」是背景圖片和寫字框的大小，背景圖片一般為圖片的實際尺寸，寫字框可以在「設計」狀態下拖動箭頭進行修改。下面是效果：請把BLOG文字寫在這裡————————————————————給圖片加個透明框用代碼給圖片加透明框代碼如下：<CENTER><DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden"><div style="position: absolute; top: 0px; left: 0px"><img src="https://www.getit01.com/getimg_360.php?url=http://ccd.zjonline.com.cn/images/mrfg/xt006.jpg" width_=490 height=370></div><div style="position: absolute; top: 0px; left: 0px"><table width_="490" height="370" border="33" cellspacing="0" style="filter: Alpha(Opacity=43,Style=0)"><tr><td width_=100% align="center"></td></tr></table></div></DIV></CENTER>效果如下: :

screen.width-500)this.style.width_=screen.width-500;">一、文字邊框：1.兩層加入內容內容部分加入內容代碼：一、邊框：1.兩層<P align=center><TABLE cellSpacing=10 cellPadding=8 width_=480 bgColor=#000000 border=1><TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width_=480 bgColor=#660066 border=0><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P><CENTER><TABLE cellSpacing=10 cellPadding=2 width_=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width_=450 bgColor=#000000 border=1><TR><TD>內容部分</TD></TR></TABLE></TD></TR></TABLE><br><TABLE cellSpacing=1 cellPadding=0 align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE>——————————————————————字體:華文彩雲白邊綠字歡迎您光臨玫瑰茶苑方正舒體紫色邊緣白色字玫瑰茶苑歡迎您漢鼎繁隨意綠色字玫瑰茶苑歡迎您玫瑰夫人歡迎您代碼：<P>字體:</P><P> <BR><BR>華文彩雲白邊綠字<BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>歡迎您光臨玫瑰茶苑</B></FONT> <BR><BR>方正舒體紫色邊緣白色字<BR></P><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒體"><B>玫瑰茶苑歡迎您</B></FONT> <BR><BR></CENTER><BR><BR>漢鼎繁隨意綠色字<BR></B><BR><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=漢鼎繁隨意 size=6>玫瑰茶苑歡迎您</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 漢鼎繁中變" size=6></FONT><FONT color=#ff00ff> </FONT>

你的讚賞是我堅持原創的動力

TAG:照片 |