打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
音画制作【边框制作】(一)
(一)HTML代码
1.表格标签(边框制作):
颜色背景边框代码:
1.颜色做成的一层图框代码;
<TABLE borderColor=#ffd700  cellSpacing=10 cellPadding=10 width="800 "height="330" align=center bgColor=#0000ff border=16>
<TBODY>
<TR>
<TD >
<BR><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>
颜色背景边框代码:
2.用颜色做背景的二图框代码;
<TABLE borderColor=#808000  cellSpacing=3 cellPadding=1 width="800 "height="330" align=center bgColor=#ffff00 border=16>
<TBODY>
<TR>
<TD >
<TABLE borderColor=#80ff00 cellSpacing=3 cellPadding=3 width="780 "height="330" align=center bgColor=#0000ff border=8>
<TBODY>
<TR>
<TD >
<BR><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
颜色背景边框代码:
3.背景颜色淡化暂变(从左向右)代码:
<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260">
<tbody>
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00ff00', endColorStr='#ffffff', gradientType='1')">
</td></tr></tbody></table>
颜色背景边框代码:
4.背景颜色淡化暂变(从右向左)代码:
<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260">
<tbody>
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#00ff00', gradientType='1')">
</td></tr></tbody></table>
用图片作背景的边框代码:
1.用图片作单层图框代码:
<P align=center>
<TABLE borderColor=660000 cellSpacing=10 cellpadding=20 background=http://7wind.net/wysc/beijing/image/b031.gif width=760 height=300 border=10>
<TR>
<TD>
<P align=center><font style=font:18pt face=华文行楷 color=0000ff>
在此开始插入内容<br>开始学做音画贴时,最好先用这种单层图框.
</FONT></p>
<BR><BR><BR><BR><BR>
</td></tr></table></p>
用图片作背景的边框代码:
2.用二张图片作表格背景的双层图框代码:
<P align=center>
<TABLE cellSpacing=20 cellSpacing=15 width=800 align=center background=http://bbs.nxnews.net/forum/UploadFile/2005-5/200554135256363.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5  cellPadding=5 width="100%" borderColorLight=#a9b5a1 background=http://bbs.nxnews.net/forum/UploadFile/2005-5/20055413522416.jpg border=0>
<TR>
<TD>
<P align=center><font style=font:30pt face=华文行楷 color=00ff00>
在此开始插入内容
</FONT></p>
<BR><BR><BR><BR><BR>
</td></tr></table></td></tr></table></p>
在图片上写日记的代码:
<DIV style="BACKGROUND: url(图片地址); WIDTH: 640px; HEIGHT: 480px"></div>
操作说明:
1:在编辑日记时点击右下方的显示源代码----把以上代码复制粘贴。
2:再点击显示源代码(即正常模式),双击图片出现选框,在选框里写日记。
3:代码中WIDTH: 640px; HEIGHT: 480px可根据日记的排版需求自行调整。
4:如使用的图片是完整大图(上面效果图),代码中的宽和高就用图片的实际尺寸。
立体日记本效果及代码
<DIV align=center>
<TABLE style="FILTER: progid:dximagetransform.microsoft.shadow(color:#5151A2,direction:145,strength:15)" border=8 cellSpacing=15 cellPadding=15 width=500 align=center height=600>
<TBODY>
<TR>
<TD bgColor=#ffffff vAlign=center align=middle>
<DIV align=center>
<TABLE border=0 cellSpacing=2 width=500 height=600>
<TBODY>
<TR>
<TD background=背景图片 width=50>
<P>&nbsp;<WBR></P></TD>
<TD background=背景图片>
<DIV align=center>
<TABLE width=300>
<TBODY>
<TR>
<TD><EMBED height=200 type=application/x-shockwave-flash align=right width=350 src=透明动画 quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>
<DIV align=center><FONT color=#62a96b size=6 face=黑体>美丽心情</FONT></DIV><BR>
给日志添加背景的代码
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" background=背景图片地址border=1>
<TBODY>
<TR>
<TD></TR></TBODY></TABLE>
三合一花边图框代码模式:
<TABLE cellSpacing=0  cellPadding=0 width="700" height=167 align=center borderColorLight=#b18453 background=http://img701.photo.wangyou.com/2004/10/25/25981/200511159633370.jpg  border=0>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=60 width="700" height=40 align=center borderColorLight=#b18453 background=http://img701.photo.wangyou.com/2004/10/25/25981/200511159633371.jpg border=0>
<TBODY><TR><TD>
<center><font face=华文行楷 size=6 color=00000ff>在这张图框插入所有内容.</font></center>
.</TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0  cellPadding=0 width="700" height=174 align=center borderColorLight=#b18453 background=http://img701.photo.wangyou.com/2004/10/25/25981/200511159633372.jpg  border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>
说明:
◆黑色字体是第一张图片代码,即顶部边框.
◆红色字体是第二张图片代码,即内容插入框.
◆蓝色体是第三张图片代码,即底部边框.
◆第二张表格的单元格内容与格线的距离(cellPadding=40 )要设大些,
内容才不会溢出边框的图案.
◆各张表格的首尾标签不可设有空格、分行和分段,否则图框吻合不整齐.
◆三张表格都要用原图片的宽度和高度,特别是宽度,切切要同一样的参数.
◆把图片地址粘帖在空白网页上,打开后击图片右键,选属性找出图片大小数据.
◆第一和第二张图片如果有空白位置也可插入一些文字或图片.
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
欢迎图:请进(可用在博客主页面上)
☆ 全方位知识大收录☆
博客音画常用代码集锦
电脑技术
音画制作代码集(四)
在图片上面加滚动文字代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服