【HTML代码音画贴新手教程】边框制作实样代码以及其它效果代码（转帖）

jufeng102 发表于 2012-8-23 22:57:42

前两天，紫月嫣然斑斑推荐我看了一篇博客文章，是介绍音画贴边框代码和一些简单效果代码的
基础知识的文章，讲解非常详细，看了之后，感觉很不错，觉得对一些新手发布HTLM代码音画
贴也许会有一些帮助，所以照搬过来，介绍给我们论坛的会员参考，希望对大家发帖能够起到
一些帮助和启迪。
 
 
 
<DIV id=blog-163-com-topbar class="nb-nbar clearfix">
<DIV class="pl fl clearfix">
<DIV class="nbw-im fl im im0"> </DIV></DIV></DIV>
<DIV id=blog-163-com-main class="nb-wrap wsy">
<DIV class="nb-are nb-cnt">
<DIV class=wkg>
<DIV id=blog-163-com-container class="c wc h clearfix ">
<DIV id=-3 class="nb-mdl lcr m-3 ">
<DIV class="nb-mc lcr">
<DIV class="c cc lcr nb-jsc">
<DIV class="nbw-ryt ztag clearfix js-auto-098">
<DIV class=left>
<DIV class="lcnt bdwr bds0 bdc0 ">
<DIV class="mcnt ztag">
<DIV class="nbw-bitm bdwb bds2 bdc0 ">
<DIV class="bct fc05 fc11 nbw-blog ztag">
<TABLE title="" border=0 cellSpacing=5 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_1208/20120824_2aca26172d92e80684834mvpBGJfKafB.gif bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=26 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_1208/20120824_c8256157b85dec539584t8Trl1ej7eEe.gif bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=5 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_1208/20120824_2aca26172d92e80684834mvpBGJfKafB.gif bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=20 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_1208/20120824_c58f9fd157ceba6655ae6xZ4yxAeK4f5.gif bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=10 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_1208/20120824_49907bab640cd2d2a26cfrJeO292fmFz.gif bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=25 borderColor=#cccccc cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_0904/20090426_d6527e5d4702dfada0a48M7CKc7ccck7.jpg bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD align=middle>
 
<DIV style="FILTER: shadow(color=black); LINE-HEIGHT: 40%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: red; FONT-SIZE: 40pt" FONT scrollAmount="8">
边框制作实样及代码</DIV>
 

<TABLE border=6 cellSpacing=2 borderColor=#ff0000 cellPadding=2 width=700 bgColor=#b3ee3a align=center>
<TBODY>
<TR>
<TD width="50%">
标题目录</TD>
<TD width="50%">
标题目录</TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011915105155349/" target=_blank>怎样制作边框(制作边框入门一)</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011915111110887/" target=_blank>怎样在边框内添加内容(做边框入门二)</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011101673355675/" target=_blank>如何为音画制作特效的边框架</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011101673355675/" target=_blank>如何在边框内添加内容</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520119167525267/" target=_blank>如何在边框内做梦幻(雾化图片)效果</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011101673355675/" target=_blank>如何为音画制作特效的边框架</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520109138548958/" target=_blank>如何制作动态花边衣透明图边框</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520119167525267/" target=_blank>如何在边框内做梦幻(雾化)效果</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520109138548958/" target=_blank>如何制作动态花边边框实例及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252011101673355675/" target=_blank>如何为音画制作特效的边框架</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201161001819387/" target=_blank>如何制作挂轴式边框及应用代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520099316180220/" target=_blank>红色闪光背景五星边框的设计与编辑</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201010665529242/" target=_blank>如何应用框边代码书写编辑日志的教程</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520121153330896/" target=_blank>本博常用边框制作实样及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200962511526590/" target=_blank>如何识别边框代码从而自制边框</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520114625854721/" target=_blank>学习制作最典型的相框式边模音画代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252010831022865/" target=_blank>标题</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201084105658156/" target=_blank>标题</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201201455218454/" target=_blank>鸟语花香flash透明图边框及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201201493646568/" target=_blank>鸳鸯戏水图flash透明图边框及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201081191551854/" target=_blank>茉莉芬芳音响FLASH花色边框应用代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520120105741926/" target=_blank>四款FLASH边框实样及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201201354540246/" target=_blank>梅兰竹菊FLASH透明图边框及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520115161144255/" target=_blank>四角设置角花的边框制作样板及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201151191230841/" target=_blank>【福字】动态边框样本及应用代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520112822332433/" target=_blank>箱框式边模的制作样本及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201073110512280/" target=_blank>万事如意美图集成框模实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201152710269515/" target=_blank>移动式边框样本及应用代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520109188055573/" target=_blank>黑色版面自然之声边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252010921105218344/" target=_blank>孔雀东南飞音响边框实样及代</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520109241941212/" target=_blank>八款各色拉杆边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201092365259444/" target=_blank>红边动态蝴蝶框架实样及应用代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201093072727373/" target=_blank>《蝶恋花》边框制作代码及实样</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520099189463965/" target=_blank>花边黑底透明图片及多层边框实样代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520116298929161/" target=_blank>月季花边边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201111216447282/" target=_blank>动态花边框架实样及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520120711139580/" target=_blank>秋日寄情边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520120610366715/" target=_blank>枫叶红了边框及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201151582840400/" target=_blank>左右摆动边框样本及应用代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520119169221350/" target=_blank>写日志如何添加漂亮的信纸</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520096191640706/" target=_blank>精致的边框样品数则随你拿</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520099189463965/" target=_blank>黑底面板花色边框及边框代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200995045143/" target=_blank>中式风格的边框及边框代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520099541155841/" target=_blank>中式风格边框及代码_续篇</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200992562253419/" target=_blank>精美的金色框边及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200992714533533/" target=_blank>动态花边式边框空白实样</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252009101323317507/" target=_blank>绿色边框音画-秋色万变</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200911912750153/" target=_blank>饮香茗品美文音画边框</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200911971315492/" target=_blank>绿色花纹(空白)边框代码之一</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200911912750153/" target=_blank>绿色花纹(空白)边框之二实样</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201071161636608/" target=_blank>纯色装饰边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201072893411848/" target=_blank>喜庆框图样本及代码及解说</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201072962146701/" target=_blank>空白下雨框架效果及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201073185148216/" target=_blank>美图集成边框实样及代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025200993082135491/" target=_blank>黑色版面想思梦中边框实样及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201181344943612/" target=_blank>大图音画框图及全代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201141801612978/" target=_blank>梨花变色务化图片边框及应用代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520114304832637/" target=_blank>边框制作通用代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201010105143822/" target=_blank>雾化效易制作代码《晨曦鹤舞黎明晨练》</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201084105658156/" target=_blank>雾化效果简易制作实例及应用代码</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/8887202520101044560237/" target=_blank>梦里水乡花色音乐边框及代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201084105658156/" target=_blank>标题</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201093011321652/" target=_blank>中式雾化效果【醉红颜图】系列边框</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201093105414844/" target=_blank>中式雾化效果【醉红颜图】边框续篇</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201107115532666/" target=_blank>空白相框代码</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201084105658156/" target=_blank>标题</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252010831022865/" target=_blank>标题</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201084105658156/" target=_blank>标题</A></TD></TR>
<TR>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/888720252010887414804/" target=_blank>标题</A></TD>
<TD width="50%"><A href="http://hu320521.blog.163.com/blog/static/88872025201089104427679/" target=_blank>标题</A></TD></TR></TBODY></TABLE>

  
<IMG border=0 src="http://www.luoan.cn/bbs/attachments/month_1208/20120824_9379b42d638100710e33mOEm0W0E6emT.jpg">
  
<IMG border=0 src="http://www.luoan.cn/bbs/attachments/month_1208/20120824_f9d78ce0da3b6f63ad8fQe7ENEQQV0yq.jpg"><IMG border=0 src="http://www.luoan.cn/bbs/attachments/month_1208/20120824_b0af51aa6e01b359a564DDnE8Dd1zdF7.jpg"><IMG border=0 src="http://www.luoan.cn/bbs/attachments/month_1208/20120824_f9d78ce0da3b6f63ad8fQe7ENEQQV0yq.jpg">
 
<IMG border=0 src="http://w.gokuai.com/w/oFI080zV0W96l01i/04.jpg">
 
<IMG border=0 src="http://www.luoan.cn/bbs/attachments/month_1208/20120824_404f4d9c1528845b7cc5c1w4fWcP5Ow1.jpg"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</DIV>
<DIV class=nbw-blog-end></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV>
<DIV>
<SCRIPT id=wumiiRelatedItems type=text/javascript></SCRIPT>
</DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV>

[ 本帖最后由 jufeng102 于 2012-8-24 20:54 编辑 ]

mike 发表于 2012-8-24 00:27:08

谢谢分享。

meminfei 发表于 2012-8-24 06:26:29

好教材，感谢分享

pierce1216 发表于 2012-8-24 07:55:54

好好学一下啊

明亮星 发表于 2012-8-24 08:42:08

好教材，谢楼主分享！

oggcv 发表于 2012-8-24 12:22:54

把网易相册的图片整理下。现在链接出错，图片不能显示

悠悠发表于 2012-8-24 15:57:14

师傅啊。。网易图片不支持外链啊

pierce1216 发表于 2012-8-24 17:47:26

我晕了，你的帖子也这样了啊。。。。。。。

紫月嫣然 发表于 2012-8-24 20:22:43

回复楼主 jufeng102 的帖子

好大哥好师父怎么可以这样我就差忘记说了不要告诉别人哦
这下好了都知道了我以后可怎么混哦讨厌不活了呵呵

开个玩笑呵呵

宵中鹤 发表于 2012-8-25 13:43:16

不错额，真漂亮额，感谢分享了

页: [1] 2

落岸天使论坛's Archiver

【HTML代码音画贴新手教程】边框制作实样代码以及其它效果代码（转帖）

回复 楼主 jufeng102 的帖子

回复楼主 jufeng102 的帖子