注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

石湖居士

佳丽江山到处同,惟有石湖乃称最

 
 
 

日志

 
 

【转载】 给照片加上像框  

2014-09-03 17:33:30|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自雨后惊鸿《 给照片加上像框》

引用

玫瑰夫人给照片加上像框

 给照片加上像框 - 雨后惊鸿 -

 给照片加上像框 - 雨后惊鸿 -

 

图片加框后的效果:


 给照片加上像框 - 雨后惊鸿 -

 

代码:</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 width="100%"><IMG src="http://www.616bbs.com/picture/xx9/xbk/142.gif"></TD></TR></TBODY></TABLE><BR>
<DIV></DIV>
<P></P>


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

 



 

 给照片加上像框 - 雨后惊鸿 -

 

边框素材:

1. 给照片加上像框 - 雨后惊鸿 -

2. 给照片加上像框 - 雨后惊鸿 -

3. 给照片加上像框 - 雨后惊鸿 -

4. 给照片加上像框 - 雨后惊鸿 -

5. 给照片加上像框 - 雨后惊鸿 -

6. 给照片加上像框 - 雨后惊鸿 -

7. 给照片加上像框 - 雨后惊鸿 -

8. 给照片加上像框 - 雨后惊鸿 -

9. 给照片加上像框 - 雨后惊鸿 -

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_5F8CD39C74D4271161745014F

09FAAD6.jpg>
      <P align=center><FONT color=red size=6><B><IMG style="WIDTH: 362px; HEIGHT: 362px" height=

362 src="http://photo9.hexun.com/p/2007/1109/144015/b_ADFFA8F3EDAC37633C92364BEBA2D202.jpg"

 width=362 border=0></B></FONT></P></td>
    </tr>
  </table>

代码说明:

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.原始代码中的362362为照片的大小,您可以找到您照片的大小尺寸:鼠标右键单击照片--属性--尺寸

就是照片的大小。您可以通过您的电脑的画图工具调整照片的尺寸大小,直到照片大小为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=350 height=450 蓝色部分为图片的长度和宽度,更换数据可以调整图片的大小

 

 



代码加边框

原图:

 给照片加上像框 - 雨后惊鸿 -
 
1. 图片单边框的代码:
<center><img
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:3 solid #ff0000"></center>
下面是一的效果图:
 给照片加上像框 - 雨后惊鸿 -
2.图片双边框的代码:
 <center><img
src="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.jpg
style="border:25 outset #ff88ff"></center>
下面是三的效果图:
 给照片加上像框 - 雨后惊鸿 -
4.立体镜框的代码(二):
 <center><img
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 inset #ff88ff"></center>
下面是四的效果图:
 给照片加上像框 - 雨后惊鸿 -
5.虚线框的代码:
<center> <img src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:4 dashed #ff0000"></center>
下面是五上午效果图:
 给照片加上像框 - 雨后惊鸿 -
6.凹槽框的代码:
 <center> <img src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg" style="border:25 groove green" border="0"></center>
下面是六的效果图:
 给照片加上像框 - 雨后惊鸿 -
7.脊状框的代码:
 <center> <img src="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="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="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="http://kimihe.huming.com/kimihe_pic/ADA/sweet.jpg" width=400></TD></TR></TBODY></TABLE>

 

_____________

图片加框代码如下:(去除星号)
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等,再加上巧妙的构思,一定会使你的帖子精彩起来。因为不管多么复杂的页面都是由它们组合而成的。

 

____________________

 

 

☆玫瑰茶苑☆

 

 

在图片上添加滚动文字框的代码

 

 

代码:

<TABLE style="WIDTH: 580px; HEIGHT: 360px" "background=http://ezart1.com.ne.kr/guest1/20811.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”是背景图片和写字框的大小,背景图片一般为图片的实际尺寸,写字框可以在“设计”状态下拖动箭头进行修改。

下面是效果:

B

L

O

G

 

 ————————————————————

给图片加个透明框

用代码给图片加透明框

代码如下:

<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="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>

效果如下: :

 
图上写字

一、文字边框:

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 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

——————————————————————

字体:

 

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

方正舒体 紫色边缘白色字

玫瑰茶苑欢迎您



汉鼎繁随意绿色字

玫瑰茶苑欢迎您

 

玫瑰夫人欢迎您

 

代码:

<P>字体:</P>
<P>&nbsp;<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> 

 

 给照片加上像框 - 雨后惊鸿 -


  评论这张
 
阅读(17)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017