给照片加上像框 - 無為居士的日志 - 网易博客

给照片加上像框
博客装饰 2008-11-08 01:16:11 阅读1001 评论3   字号：大中小
引用
老顽童的乐园 的给照片加上像框


图片加框后的效果:

代码:

红色部分为图片地址,蓝色部分为像框地址,可以随意更换.

边框素材:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
代码：

09FAAD6.jpg> 362 src="http://image15.360doc.com/DownloadImg/2010/10/0509/5746887_1.jpg" width=362 border=0>

代码说明:
1.原始代码中的红色地址http://photo9.hexun.com/p/2007/1109/144004/b_5F8CD39C74D4271161745014F
09FAAD6.jpg为漂亮gif边框地址，您只要鼠标右键单击您喜欢的边框素材---属性--地址（URL）后面的地址
就是您要找的边框素材地址。把您找到的边框素材地址替换红色地址http://photo9.hexun.com/p/2007/1109/
144004/b_5F8CD39C74D4271161745014F09FAAD6.jpg即可。
2.原始代码中的蓝色地址http://photo9.hexun.com/p/2007/1109/144015/b_ADFFA8F3EDAC37633C92364
BEBA2D202.jpg为您的照片地址，您只要替换成您自己的照片地址即可。
3.原始代码中的362和362为照片的大小，您可以找到您照片的大小尺寸：鼠标右键单击照片--属性--尺寸
就是照片的大小。您可以通过您的电脑的画图工具调整照片的尺寸大小，直到照片大小为362*362大小即可。
边框图:

















































































































































































 


夫人
代码:

http://ent.dahew.com/category/20002/2005/11/19/images/20002_20051119_50.jpg 红色部分是图片地址,可以换成你喜欢的图片
width=350 height=450 蓝色部分为图片的长度和宽度,更换数据可以调整图片的大小
代码加边框：
原图:
 1. 图片单边框的代码:
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:3 solid #ff0000">
下面是一的效果图:
2.图片双边框的代码:
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:5 double green">
下面是二的效果图:
3.立体镜框的代码（一）:
style="border:25 outset #ff88ff">
下面是三的效果图:
4.立体镜框的代码（二）:
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 inset #ff88ff">
下面是四的效果图:
5.虚线框的代码:

下面是五上午效果图:
6.凹槽框的代码:

下面是六的效果图:
7.脊状框的代码:

下面是七的效果图:

 
全屏FLASH代码
注意：＆要换成小写&

或者

代码:

代码:



紫色部分为边框的颜色,可以更换你喜欢的边框颜色
蓝色部分为图片的宽度和长度,可以减少或增加数据来调整图片的大小
红色部分为图片地址,可以更换你喜欢的图片地址

代码:




效果：

代码:



_____________
图片加框代码如下：(去除星号)
1。单线框<*center><*img src="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="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="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="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="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"><*/td><*/tr><*/table><*/center>
6。虚线框<*center>
<*img src="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="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="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="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"><*/td><*/tr><*/table><*/center>
10。阴影框<*center><*img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:shadow(color=#32cd32)"><*/center>
11。横向渐变透明<*center><*img src="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="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="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="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="FILTER: Chroma(Color=#13629f)"><*/center>
15。黑白效果<*center><*img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'gray'"><*/center>
16。X光效果（底片）<*center><*img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'xray'"><*/center>
17。浮雕效果<*center><*img src="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="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:flipv">
19。左右颠倒<*center><*img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:fliph"><*/center>
20。色彩颠倒<*center><*img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:invert"><*/center>
21。粒状阴影<*center><*img src="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="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="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等，再加上巧妙的构思，一定会使你的帖子精彩起来。因为不管多么复杂的页面都是由它们组合而成的。
____________________
☆玫瑰茶苑☆
 
 
 
 
 
 
在图片上添加滚动文字框的代码
 
代码：

请 把 B L O G 文 字 写 在 这 里

发表文章时点下面的“源码”，然后把代码复制粘贴，再点设计，然后在框内写文章即可。红色的是图片地址，蓝色的是写字框靠左或靠右，“WIDTH”和“HEIGHT”是背景图片和写字框的大小，背景图片一般为图片的实际尺寸，写字框可以在“设计”状态下拖动箭头进行修改。
下面是效果：
请
把
B
L
O
G
文
字
写
在
这
里
————————————————————
给图片加个透明框
用代码给图片加透明框
代码如下：

效果如下: :
screen.width-500)this.style.width=screen.width-500;">
一、文字边框：
1.两层
加入内容
内容部分
加入内容
代码：
一、边框：
1.两层

加入内容

内容部分

加入内容

——————————————————————
字体:
华文彩云 白边绿字
欢迎您光临玫瑰茶苑
方正舒体 紫色边缘白色字
玫瑰茶苑欢迎您
汉鼎繁随意绿色字
玫瑰茶苑欢迎您
玫瑰夫人欢迎您
代码：

字体:

 

华文彩云 白边绿字
欢迎您光临玫瑰茶苑

方正舒体 紫色边缘白色字

玫瑰茶苑欢迎您



汉鼎繁随意绿色字

玫瑰茶苑欢迎您